共用方式為


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

適用於:開發人員 |基本 |基本 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

下一步

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