Aggiungere un iFrame a un'estensione dello strumento

Si applica a: Windows Admin Center, Anteprima Windows Admin Center

In questo articolo si aggiungerà un iFrame a una nuova estensione dello strumento vuota creata con l'interfaccia della riga di comando di Windows Admin Center.

Predisporre l'ambiente

Se non è già stato fatto, seguire le istruzioni relative allo sviluppo di un'estensione dello strumento per preparare l'ambiente e creare una nuova estensione dello strumento vuota.

Aggiungere un modulo a un progetto

Aggiungere un nuovo modulo vuoto al progetto, a cui si aggiungerà un iFrame nel passaggio successivo.

Aggiungere un iFrame al modulo

A questo punto si aggiungerà un iFrame al nuovo modulo vuoto appena creato.

In \src\app passare alla cartella del modulo, quindi aprire il file {!module-name}.component.html, disponibile con la convenzione di denominazione seguente:

Valore	Spiegazione	Nome file di esempio
{!module-name}	Nome del modulo (minuscolo, spazi sostituiti con trattini)	manage-foo-works-portal.component.html

Aggiungere il seguente contenuto nel file html:

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

L'operazione è stata completata. È stato aggiunto un iFrame all'estensione. È quindi possibile compilare e trasferire localmente l'estensione in Windows Admin Center per visualizzare i risultati.

Nota

Le impostazioni dei criteri di sicurezza del contenuto (CSP) potrebbero impedire il rendering di alcuni siti in un iFrame all'interno di Windows Admin Center. Per altre informazioni, vedere qui.