Agregar un iFrame a una extensión de herramienta

Se aplica a: Windows Admin Center, versión preliminar de Windows Admin Center

En este artículo, agregaremos un iFrame a una nueva extensión de herramienta vacía que hemos creado con la CLI Windows Admin Center.

Preparación del entorno

Si aún no lo ha hecho, siga las instrucciones de desarrollo de una extensión de herramienta para preparar el entorno y crear una nueva extensión de herramienta vacía.

Adición de un módulo al proyecto

Agregue un nuevo módulo vacío al proyecto, al que agregaremos un iFrame en el paso siguiente.

Agregar un iFrame al módulo

Ahora agregaremos un iFrame a ese nuevo módulo vacío que acaba de crear.

En \src\app, vaya a la carpeta del módulo y abra {!module-name}.component.htmlel archivo , que se encuentra con la siguiente convención de nomenclatura:

Value Explicación Nombre de archivo de ejemplo
{!module-name} Nombre del módulo (en minúsculas, espacios reemplazados por guiones) manage-foo-works-portal.component.html

Agregue el siguiente contenido al archivo HTML:

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

Eso es todo, ha agregado un iFrame a la extensión. A continuación, puede compilar y cargar la extensión en Windows Admin Center para ver los resultados.

Nota

La configuración de la directiva de seguridad de contenido (CSP) podría impedir que algunos sitios se representara en un iFrame Windows Admin Center. Puede obtener más información sobre ellas aquí.