自托管开发人员门户时,您可以探索几种替代方法:
- 使用设计器和发布服务器的生产版本。
- 使用 Azure Function App 发布开发人员门户。
- 在开发人员门户的文件前面加上内容分发网络,以减少页面加载时间。
本文提供了有关上述每种方法的信息。
如果尚未这样做,请为最新版本的开发人员门户设置 本地环境 。
用于生产的构建
若要联机托管开发人员门户的开发环境,以便进行协作,请使用设计器和发布者的生产版本。 生产版本打包文件并排除源映射。
通过运行以下命令在 ./dist/designer 目录中创建捆绑包:
npm run build-designer
结果是获得一个单页面应用程序,因此仍可将它部署到静态 Web 主机,例如 Azure Blob 存储静态网站。
同样,将经过编译和优化的发布服务器置于 ./dist/publisher 文件夹中:
npm run build-publisher
使用 Function App 发布开发人员门户
在云中运行发布步骤,作为在本地运行它的替代方法。
若要使用 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:生成并部署函数应用
文件夹中有一个示例 HTTP 触发器函数 ./examples 。 若要生成它并置于 ./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>.chinacloudsites.cn/api/publish
托管和内容分发网络
在 自主托管开发人员门户中,我们建议您使用 Azure 存储帐户来托管您的网站。 但是,可以通过任何解决方案发布文件,包括托管服务提供商的服务。
还可以使用内容分发网络将文件置于前面,以减少页面加载时间。 建议使用 Azure 内容分发网络。
相关内容
详细了解开发人员门户: