共用方式為


在 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"

注意

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

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

下一步