Créer des environnements nommés d’aperçu dans Azure Static Web Apps

Vous pouvez configurer votre site pour déployer chaque changement dans un environnement nommé. Ce déploiement en préversion est publié à une URL stable qui inclut le nom de l’environnement. Par exemple, si l’environnement est nommé release, la préversion est disponible à un emplacement comme <DEFAULT_HOST_NAME>-release.<LOCATION>.azurestaticapps.net.

Configuration

Pour activer des environnements URL stables avec un environnement de déploiement nommé, apportez les modifications suivantes au fichier config de votre build.

• Définissez l’entrée deployment_environment sur un nom spécifique sur le travail static-web-apps-deploy dans l’action GitHub ou sur la tâche AzureStaticWebApp. Cela garantit que toutes les modifications apportées à vos branches suivies sont déployées dans l’environnement de préversion nommé.
• Répertoriez les branches que vous souhaitez déployer dans des environnements d’aperçu dans le tableau de déclencheurs dans la configuration de votre flux de travail afin que les modifications apportées à ces branches déclenchent également le déploiement GitHub Actions ou Azure Pipelines.
  • Définissez ce tableau sur ** pour GitHub Actions ou * pour Azure Pipelines si vous souhaitez suivre toutes les branches.

Exemple

L’exemple suivant montre comment activer les environnements d’aperçu de branche.

Actions GitHub

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"

Remarque

Le ... indique le code ignoré pour plus de clarté.

Dans cet exemple, les modifications apportées à toutes les branches sont déployées dans l’environnement de préversion nommé release.

Étapes suivantes

Passer en revue les demandes de tirage (pull request) dans les environnements de préproduction