Erstellen von benannten Vorschauumgebungen in Azure Static Web Apps

Sie können einstellen, dass Ihre Seite bei jeder Änderung an einer benannten Umgebung bereitgestellt wird. Diese Vorschaubereitstellung wird unter einer stabilen URL veröffentlicht, die den Umgebungsnamen enthält. Wenn die Umgebung beispielsweise release heißt, ist die Vorschau an einem Speicherort wie z. B. <DEFAULT_HOST_NAME>-release.<LOCATION>.azurestaticapps.net verfügbar.

Konfiguration

Um stabile URL-Umgebungen mit benannten Bereitstellungsumgebungen zu gewährleisten, nehmen Sie die folgenden Änderungen an Ihrer Buildkonfigurationsdatei vor.

• Legen Sie die deployment_environment Eingabe auf einen bestimmten Namen im static-web-apps-deploy Auftrag in der GitHub-Aktion oder auf der AzureStaticWebApp-Aufgabe fest. Dadurch wird sichergestellt, dass alle Änderungen an Ihren nachverfolgten Verzweigungen in der benannten 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:
      - "**"
  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:
          ...
          deployment_environment: "release"

Azure Pipelines

trigger:
  - "*"

pool:
  vmImage: ubuntu-latest

steps:
  - checkout: self
    submodules: true
  - task: AzureStaticWebApp@0
    inputs:
      ...
      deployment_environment: "release"

Hinweis

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

In diesem Beispiel werden Änderungen an alle Branches in der release benannten Vorschauumgebung bereitgestellt.

Nächste Schritte

Überprüfen von Pull Requests in Präproduktionsumgebungen