Utwórz środowiska podglądowe gałęzi w Azure Static Web Apps

Witrynę można skonfigurować tak, aby automatycznie wdrażała każdą zmianę wprowadzaną w gałęziach, nie będących gałęziami produkcyjnymi. To wdrożenie w wersji zapoznawczej jest publikowane pod stabilnym adresem URL zawierającym nazwę gałęzi. Jeśli na przykład gałąź ma nazwę dev, środowisko jest dostępne w lokalizacji takiej jak <DEFAULT_HOST_NAME>-dev.<LOCATION>.azurestaticapps.net. Możesz usunąć środowisko dla gałęzi w portalu za pomocą karty Środowisko statycznej aplikacji internetowej.

Konfiguracja

Aby włączyć stabilne środowiska adresów URL, wprowadź następujące zmiany w pliku configuration.yml.

  • Ustaw wartość production_branch na nazwę gałęzi produkcyjnej static-web-apps-deploy w działaniu GitHub lub w zadaniu AzureStaticWebApp. Ta akcja gwarantuje, że zmiany w gałęzi produkcyjnej są wdrażane w środowisku produkcyjnym, podczas gdy zmiany w innych gałęziach są wdrażane w środowisku w wersji zapoznawczej.
  • Wymień gałęzie, które chcesz wdrożyć w środowiskach testowych w tablicy wyzwalaczy w konfiguracji przepływu pracy, aby zmiany w tych gałęziach uruchomiły wdrożenie za pomocą GitHub Actions lub Azure Pipelines.
    • Ustaw tę tablicę na ** dla GitHub Actions lub * dla Azure Pipelines, jeśli chcesz śledzić wszystkie gałęzie.

Przykład

W poniższym przykładzie pokazano, jak włączyć środowiska podglądu gałęzi.

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"

Uwaga / Notatka

Oznacza ... kod pominięty w celu zachowania przejrzystości.

W tym przykładzie środowiska przeglądowe są definiowane dla gałęzi dev i staging. Każda gałąź jest wdrażana w osobnym środowisku podglądowym.

Następne kroki