新增 iFrame 至工具擴充功能

適用於：Windows Admin Center、Windows Admin Center 預覽版

在本文中，我們會將 iFrame 新增至使用 Windows Admin Center CLI 建立的新空白工具擴充功能。

準備您的環境

如果您尚未這麼做，請遵循開發工具擴充功能中的指示來準備您的環境，並建立新的空白工具擴充功能。

將模組新增至您的專案

將新的空白模組新增至您的專案，我們將在下一個步驟中新增 iFrame。

將 iFrame 新增至模組

現在，我們會將 iFrame 新增至剛才建立的新空白模組。

在 \src\app 中，瀏覽至您的模組資料夾，然後開啟檔案 {!module-name}.component.html，找到下列命名慣例：

值	說明	範例檔案名稱
{!module-name}	您的模組名稱 (小寫，以虛線取代空格)	manage-foo-works-portal.component.html

將下列內容新增至該 html 檔案：

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

就是這樣，您已將 iFrame 新增至擴充功能。 接下來，您可以在 Windows Admin Center 中建置和側載擴充功能，以查看結果。

注意

內容安全性原則 (CSP) 設定可能會防止某些網站在 Windows Admin Center 內的 iFrame 中轉譯。 您也可以在這裡了解更多資訊。