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

Question

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

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

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

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

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

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

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

Answer 1

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

步骤1：在创建资源页面中使用其他作为部署源

步骤 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 存储库结构

我已经编写了一个分步指南来执行相同的操作。如果您需要更多信息，请参阅。