Compartilhar via

自托管开发者门户的替代方法

自托管开发人员门户时，您可以探索几种替代方法：

  • 使用设计器和发布者的生产构建版本。
  • 使用 Azure Function App 发布开发人员门户。
  • 在开发人员门户的文件前面加上内容分发网络，以减少页面加载时间。

本文提供了有关上述每种方法的信息。

如果尚未这样做，请为最新版本的开发人员门户设置 本地环境 。

用于生产的构建

若要联机托管开发人员门户的开发环境以进行协作，请使用设计器和发布者的生产版本。 生产版本打包文件并排除源映射。

通过运行以下命令在 ./dist/designer 目录中创建捆绑包：

npm run build-designer

结果是一个单页应用程序，因此你仍然可以将其部署到静态 Web 主机，例如Azure Blob Storage静态网站。

同样，将编译和优化好的publisher放置到 ./dist/publisher 文件夹中。

npm run build-publisher

使用 Function App 发布开发人员门户

在云中运行发布步骤，作为在本地运行它的替代方法。

若要使用 Azure Function App 实现发布，需要满足以下先决条件：

  • 创建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 内容分发网络。

相关内容

详细了解开发人员门户：

  • Last updated on