Erstellen von Vorschauumgebungen für Branches in Azure Static Web Apps

Sie können Ihre Website so konfigurieren, dass Änderungen in einem Branch bereitgestellt werden, der kein Produktionsbranch ist. Diese Vorschaubereitstellung wird unter einer stabilen URL veröffentlicht, die den Branchnamen enthält. Wenn der Branch beispielsweise dev heißt, ist die Umgebung an einem Speicherort wie z. B. <DEFAULT_HOST_NAME>-dev.<LOCATION>.azurestaticapps.net verfügbar. Sie können eine Verzweigungsumgebung im Portal über die Registerkarte "Umgebungen " Ihrer statischen Web-App löschen.

Konfiguration

Um stabile URL-Umgebungen zu aktivieren, nehmen Sie die folgenden Änderungen an der Datei "configuration.yml" vor.

• Legen Sie die production_branch Eingabe auf den Namen Ihres Produktionszweiges für den static-web-apps-deploy Auftrag in der GitHub-Aktion oder der AzureStaticWebApp-Aufgabe fest. Durch diese Aktion werden Änderungen an Ihrem Produktionsbranch in der Produktionsumgebung bereitgestellt, während Änderungen an anderen Branches in einer Vorschauumgebung bereitgestellt werden.
• Listen Sie die Verzweigungen, die Sie in Vorschauumgebungen bereitstellen möchten, im Auslöser-Array in Ihrer Workflowkonfiguration auf, sodass Änderungen an diesen Verzweigungen auch die GitHub Actions- oder Azure Pipelines-Bereitstellung auslösen.
  • Legen Sie dieses Array auf ** für GitHub Actions oder * für Azure Pipelines fest, wenn Sie alle Verzweigungen nachverfolgen möchten.

Beispiel

Das folgende Beispiel zeigt, wie Vorschauumgebungen für Branches aktiviert werden.

GitHub-Aktionen

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'

Hinweis

... steht für Code, der zwecks Deutlichkeit übersprungen wird.

In diesem Beispiel werden die Vorschauumgebungen für die Branches dev und staging definiert. Jeder Branch wird in einer separaten Vorschauumgebung bereitgestellt.

Nächste Schritte

Erstellen von benannten Vorschauumgebungen