自我裝載開發人員入口網站的替代方法
適用於：開發人員 |基本 |基本 v2 |標準 |標準 v2 |Premium |進階 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。
下一步
深入了解開發人員入口網站：