Ajouter un élément iFrame à une extension d’outil

S'applique à : Windows Admin Center, Windows Admin Center Preview

Dans cet article, nous allons ajouter un iFrame à une nouvelle extension d’outil vide que nous avons créée avec l’interface CLI Windows Admin Center.

Préparation de votre environnement

Si ce n’est pas déjà fait, suivez les instructions décrites dans Développer une extension d’outil pour préparer votre environnement et créer une extension d’outil vide.

Ajouter un module à votre projet

Ajoutez un nouveau module vide à votre projet, auquel nous ajouterons un iFrame à l’étape suivante.

Ajouter un iFrame à votre module

Nous allons maintenant ajouter un iFrame à ce nouveau module vide que nous venons de créer.

Dans \src\app, accédez au dossier de votre module, puis ouvrez le fichier {!module-name}.component.html, trouvé avec la convention de nommage suivante :

Valeur	Explication	Exemple de nom de fichier
{!module-name}	Le nom de votre module (en minuscules, les espaces sont remplacés par des tirets)	manage-foo-works-portal.component.html

Ajoutez le contenu suivant au fichier HTML :

<div>
  <iframe  style="height: 850px;" src="https://www.bing.com"></iframe>
</div>

Voilà, vous avez ajouté un iFrame à votre extension. Ensuite, vous pouvez générer et charger latéralement votre extension dans Windows Admin Center pour voir les résultats.

Notes

Les paramètres de stratégie de sécurité de contenu peuvent empêcher le rendu de certains sites dans un iFrame au sein du Windows Admin Center. Vous pouvez en apprendre davantage à ce propos ici.