在 Azure Static Web Apps 中建立分支預覽環境

  • 發行項

您可以設定月臺，以部署對不是生產分支之分支所做的每項變更。 此預覽部署會在包含分支名稱的穩定 URL 上發佈。 例如，如果分支命名 dev為 ，則環境可在類似 <DEFAULT_HOST_NAME>-dev.<LOCATION>.azurestaticapps.net的位置使用。 您可以透過 靜態 Web 應用程式的 [環境 ] 索引標籤，在入口網站中刪除分支環境。

組態

若要啟用穩定的 URL 環境，請對 configuration.yml 檔案進行下列變更。

  • 在 production_branch GitHub 動作中的作業或 AzureStaticWebApp 工作中，將輸入設定為生產分支名稱 static-web-apps-deploy 。 此動作可確保生產分支的變更會部署到生產環境，而其他分支的變更則會部署到預覽環境。
  • 列出您想要部署至工作流程組態中觸發程式陣列中預覽環境的分支，讓這些分支的變更也會觸發 GitHub Actions 或 Azure Pipelines 部署。
    • 如果您想要追蹤所有分支，請將此陣列設定為 ** [GitHub Actions] 或 * [Azure Pipelines]。

範例

下列範例示範如何啟用分支預覽環境。

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"

注意

...表示為了清楚起見而略過的程序代碼。

在此範例中，會針對 dev 和 staging 分支定義預覽環境。 每個分支都會部署到個別的預覽環境。

下一步

建立具名預覽環境