Azure 静态 Web 应用

Question

Azure 静态 Web 应用程序（预览版）目前仅适用于 github 帐户，作为公司政策，我们必须将 Azure 用于 repos 和其他所有内容（管道、发布等）。我们将使用静态 Web仅用于查看简单 Angular 网站的应用程序，但所有源代码必须保留在 azure devops 存储库中。

是否可以创建一个私人 github 帐户并仅将已编译的 Angular 文件上传到它以使用静态 Web 应用程序？例如，我们已经有一个管道来编译 Angular 网站并将其部署到 Azure Web 应用程序服务，是否可以修改此管道以将相同的文件发布到 github 帐户？如果是的话怎么办？

Answer 1

您可以在 Azure Devops 中执行此操作。尝试将此 YML 放入 Azure DevOps Pipeline

    trigger:
- main

pool:
  vmImage: 'ubuntu-latest'

name: 'yourApplicationName'

steps:
- task: NodeTool@0
  inputs:
    versionSpec: '12.x'
  displayName: 'Install Node.js'
    
- script: |
    npm install -g @angular/cli
    npm install
  displayName: 'npm install'
  workingDirectory: '$(Build.SourcesDirectory)/yourApplicationName'  
  
- task: AzureStaticWebApp@0
  inputs:
      app_location: "/yourApplicationName" 
      api_location: "api"
      app_build_command: $(build_command)
      output_location: "dist/yourApplicationName"
  env:
      azure_static_web_apps_api_token: $(deployment_token)

您可以将 build_command 和 deployment_token 放在变量中

Answer 2

Azure SWA 目前仅适用于 Github 中的代码。

但是，您可以通过 Azure 应用服务获得非常接近的结果。微软甚至有a couple blog posts关于如何一起配置 Azure App Service、Azure Repos 和 Azure Pipelines。