自我裝載開發人員入口網站的替代方法

適用於：開發人員 |基本 |基本 v2 |標準 |標準 v2 |進階版

當您自我裝載開發人員入口網站時，有數種替代方法可供探索：

• 使用設計工具與發行者的生產組建。

• 使用 Azure 函式應用程式發佈入口網站。

• 在入口網站的檔案前面加上內容傳遞網路 (CDN)，以減少頁面載入時間。

本文提供每種方法的資訊。

如果您尚未這麼做，請為最新版的開發人員入口網站設定本機環境。

針對生產環境建置

如果您想要在線上裝載入口網站的開發環境以供共同作業之用，請使用設計工具與發行者的生產組建。 生產組建會組合檔案、排除來源對應等等。

執行命令，在 ./dist/designer 目錄中建立套件組合：

npm run build-designer

結果是單頁應用程式，因此您仍然可以將其部署至靜態 Web 主機，例如 Azure Blob 儲存體靜態網站。

同樣地，將已編譯且最佳化的發行者放在 ./dist/publisher 資料夾中：

npm run build-publisher

使用函式應用程式發佈入口網站

在雲端中執行發佈步驟，作為在本機執行的替代方案。

若要使用 Azure 函式應用程式實作發佈，您需要下列必要條件：

• 建立 Azure 函式。 函式必須是 JavaScript 語言函式。
• 安裝 Azure Functions Core Tools：

  npm install –g azure-function-core-tools
  

步驟 1：設定輸出儲存體

將內容直接上傳至主控網站 (輸出儲存體的「$web」容器)，而不是本機資料夾。 在 ./src/config.publish.json 檔案中設定此變更：

{
   ...
   "outputBlobStorageContainer": "$web",
   "outputBlobStorageConnectionString": "DefaultEndpointsProtocol=...",
   ...
}

步驟 2：建置和部署函式應用程式

./examples 資料夾中有一個 HTTP 觸發程式函式範例。 若要建置並放置於 ./dist/function 中，請執行下列命令：

npm run build-function

然後，登入 Azure CLI 並加以部署：

az login
cd ./dist/function
func azure functionapp publish <function app name>

部署之後，您可以使用 HTTP 呼叫來叫用：

curl -X POST https://<function app name>.azurewebsites.net/api/publish

裝載和 CDN

在自我裝載開發人員入口網站中，我們建議使用 Azure 儲存體帳戶來裝載您的網站。 不過，您可以透過任何解決方案發佈檔案，包括裝載提供者的服務。

在檔案前面加上內容傳遞網路 (CDN)，以減少頁面載入時間。 建議您使用 Azure CDN。

下一步

深入了解開發人員入口網站：

• Azure API 管理開發人員入口網站概觀