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

在 Azure Static Web Apps 中创建分支预览环境

可以配置站点，以便将所做的每项更改部署到不是生产分支的分支。 此预览部署将在包含分支名称的稳定 URL 上发布。 例如，如果分支名为 dev，则环境将在类似于 <DEFAULT_HOST_NAME>-dev.<LOCATION>.azurestaticapps.net 的位置提供。 可以通过静态 Web 应用的“ 环境 ”选项卡在门户中删除分支环境。

配置

若要启用稳定的 URL 环境，请对 configuration.yml 文件进行以下更改。

• 在 GitHub 操作或 AzureStaticWebApp 任务中，将 production_branch 输入设置为 static-web-apps-deploy 作业上的产品分支名称。 此操作可以确保对生产分支所做的更改会部署到生产环境，而对其他分支所做的更改会部署到预览环境。
• 在工作流配置中的触发数组内列出要部署到预览环境的分支，以便对这些分支所做的更改也会触发 GitHub Actions 或 Azure Pipelines 部署。
  • 若要跟踪所有分支，请将此数组设置为 **（GitHub Actions）或 *（Azure Pipelines）。

示例

以下示例演示如何启用分支预览环境。

GitHub Actions

name: Azure Static Web Apps CI/CD

on:
  push:
    branches:
      - main
      - dev
      - staging
  pull_request:
    types: [opened, synchronize, reopened, closed]
    branches:
      - main

jobs:
  build_and_deploy_job:
    ...
    name: Build and Deploy Job
    steps:
      - uses: actions/checkout@v2
        with:
          submodules: true
      - name: Build And Deploy
        id: builddeploy
        uses: Azure/static-web-apps-deploy@v1
        with:
          ...
          production_branch: "main"

Azure Pipelines

trigger:
  - main
  - dev
  - staging

pool:
  vmImage: ubuntu-latest

steps:
  - checkout: self
    submodules: true
  - task: AzureStaticWebApp@0
    inputs:
      ...
      production_branch: 'main'

注意

... 指示为了简洁起见而跳过的代码。

在此示例中，为 dev 和 staging 分支定义了预览环境。 每个分支将部署到单独的预览环境。

后续步骤

创建命名预览环境