如何将 Azure DevOps Git 存储库与 Azure 静态 Web 应用程序结合使用？

如何解决如何将 Azure DevOps Git 存储库与 Azure 静态 Web 应用程序结合使用？

Azure 有一个新的（ish）静态托管产品，这将非常有用。这个想法是您可以将静态站点代码检查到 Git 中，并将其部署到您的站点。您甚至可以将分支视为一种预览工作流程。

问题是 Azure 静态 Web 服务似乎只适用于 Github。

我们组织的所有存储库都在 Azure DevOps 中，这是一个用于我们的存储库、构建管道和 Azure Web 服务的无缝统一环境。我们所有的开发人员都设置了 Azure Dev ops git 帐户，他们没有（非私有）github 帐户。

我们不想在 Azure 之外设置重复的 git 托管 - 以及安全、授权或与 Active Directory 链接的痛苦。

我们希望将 Azure Git 与 Azure 静态 Web 结合使用。

在很大程度上，git 就是 git。

有没有人有任何解决方法、技巧或教程可以让这两个 Microsoft Azure 产品相互通信？

解决方法

Azure DevOps 支持的预计到达时间是 2 月。您将能够做的是：

在不将其链接到 GitHub 的情况下创建静态 Web 应用
使用任务将 Azure Pipelines YAML 添加到您的存储库（我们将提供您可以复制/粘贴的示例 YAML）。任务看起来很像 GitHub Action 在输入和功能方面。你需要为部署令牌设置一个管道变量（从门户）。
尚不支持 PR/环境。我们没有相同的钩子 GitHub 对 PR 打开/关闭采取行动。我们将继续调查。

请参阅this ticket。如果您有任何问题或建议，也请在工单中分享。

Azure 静态网站现在支持 Azure DevOps Git Repo 和来自 Azure DevOps 管道的持续部署。请按照以下步骤操作：

第一步：在创建资源页面使用Other作为部署源

第 2 步： 创建资源后，获取部署令牌

在 Azure DevOps Git 存储库中提交代码后

第 3 步：创建一个启动管道并使用以下代码片段（使用上面抓取的部署令牌）

trigger:
- main

pool:
  vmImage: ubuntu-latest

steps:
  - checkout: self
    submodules: true
  - task: AzureStaticWebApp@0
    inputs:
      app_location: '/WebSite'
      api_location: '/api'
      output_location: 'dist/WebSite'
    env:
      azure_static_web_apps_api_token: $(deployment_token)

以上代码片段适用于以下 Azure DevOps git repo 结构

我已经写了一个 step by step guide 来做同样的事情。如果您需要更多信息，请参考。

Azure Devops 对 Azure 静态 Web 应用的支持已于 public preview.

宣布并提供

您可以阅读文档以使用 Azure Devops.

发布应用

我还发布了一个 video 和一个 blog 来发布 Angular 应用程序，您可以参考相同的内容。