你当前正在访问 Microsoft Azure Global Edition 技术文档网站。 如果需要访问由世纪互联运营的 Microsoft Azure 中国技术文档网站,请访问 https://docs.azure.cn。

设置 Azure Static Web Apps 以部署到外部提供程序

Azure Static Web Apps 支持一系列内置提供程序来帮助发布网站。 如果想要使用现用选项之外的提供程序,请使用以下指南来生成和部署静态 Web 应用。

注意

还可以按照特定于 Bitbucket 和 GitLab 的步骤进行操作。

创建静态 Web 应用

从 Azure 门户创建新的静态 Web 应用时,可以选择 Web 应用的源位置。

  1. 在“部署详细信息”下,选择“其他”以使用自定义源代码管理提供程序。

    静态 Web 应用准备就绪后,请转到“概述”部分。

  2. 在“概述”部分,选择“管理部署令牌”按钮。

  3. 复制部署令牌并将其粘贴到文本编辑器中,以便设置 CI/CD 管道。

设置 CI/CD 管道

设置 CI/CD 管道时,需要创建两个作业。 第一个作业生成静态 Web 应用,第二个作业部署该应用。

生成

生成作业的目的是将 Web 应用程序生成为生产就绪状态。 设置生成作业以运行生成和打包 Web 应用程序所需的命令,使其准备好进行部署。

生成过程需要生成 api 文件夹中的静态 Web 应用和 API(如果存在)。

生成命令特定于所使用的技术。 有关详细信息,请参阅应用程序中使用的库或框架的文档。

部署

创建一个作业,将生产就绪的文件和文件夹部署到空的静态 Web 应用。 作业必须包含静态 Web 应用的部署令牌,才能使用 Azure 进行身份验证。

部署命令特定于所使用的技术。 有关详细信息,请参阅源代码管理提供程序的文档。

后续步骤