如何将 Azure DevOps Git 存储库与 Azure 静态 Web 应用程序一起使用？答案

【问题标题】：How to use Azure DevOps Git Repository with Azure Static Web App?如何将 Azure DevOps Git 存储库与 Azure 静态 Web 应用程序一起使用？
【发布时间】：2021-05-14 15:29:32
【问题描述】：

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 azure-devops azure-static-web-app

【解决方案1】：

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

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

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

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

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

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)

上面的代码sn-p是针对下面的Azure DevOps git repo结构

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

【讨论】：

【解决方案2】：

Azure DevOps 支持的预计时间是 2 月。你可以做的是：

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

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

【讨论】：

【解决方案3】：

Azure 静态 Web 应用程序的 Azure Devops 支持已宣布并在 public preview. 中提供

您可以阅读文档以使用Azure Devops.发布应用程序

我还发布了 video 和 blog 来发布 Angular 应用程序，您可以参考。

【讨论】：