Delen via


Vertakkingsvoorbeeldomgevingen maken in Azure Static Web Apps

U kunt uw site configureren om elke wijziging te implementeren die is aangebracht in vertakkingen die geen productiebranch zijn. Deze preview-implementatie wordt gepubliceerd op een stabiele URL die de naam van de vertakking bevat. Als de vertakking bijvoorbeeld een naam devheeft, is de omgeving beschikbaar op een locatie zoals <DEFAULT_HOST_NAME>-dev.<LOCATION>.azurestaticapps.net. U kunt een vertakkingsomgeving in de portal verwijderen via het tabblad Omgevingen van uw statische web-app.

Configuratie

Als u stabiele URL-omgevingen wilt inschakelen, moet u de volgende wijzigingen aanbrengen in het bestand configuration.yml.

  • Stel de invoer in op de production_branch naam van uw productiebranch op de static-web-apps-deploy taak in GitHub-actie of in de AzureStaticWebApp-taak. Deze actie zorgt ervoor dat wijzigingen in uw productievertakking worden geïmplementeerd in de productieomgeving, terwijl wijzigingen in andere vertakkingen worden geïmplementeerd in een preview-omgeving.
  • Vermeld de vertakkingen die u wilt implementeren in preview-omgevingen in de triggermatrix in uw werkstroomconfiguratie, zodat wijzigingen in deze vertakkingen ook de Implementatie van GitHub Actions of Azure Pipelines activeren.
    • Stel deze matrix in op ** GitHub Actions of * voor Azure Pipelines als u alle vertakkingen wilt bijhouden.

Voorbeeld

In het volgende voorbeeld ziet u hoe u preview-omgevingen voor vertakkingen inschakelt.

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"

Notitie

De ... code wordt voor duidelijkheid overgeslagen.

In dit voorbeeld worden de preview-omgevingen gedefinieerd voor de dev en staging vertakkingen. Elke vertakking wordt geïmplementeerd in een afzonderlijke preview-omgeving.

Volgende stappen