Creación de entornos de versión preliminar de rama en Azure Static Web Apps

Puede configurar el sitio para implementar todos los cambios realizados en las ramas que no son una rama de producción. Esta implementación en versión preliminar se publica en una dirección URL estable que incluye el nombre de la rama. Por ejemplo, si la rama se denomina dev, el entorno está disponible en una ubicación como <DEFAULT_HOST_NAME>-dev.<LOCATION>.azurestaticapps.net. Puede eliminar un entorno de rama en el portal a través de la pestaña Entornos de la aplicación web estática.

Configuración

Para habilitar entornos de direcciones URL estables, realice los siguientes cambios en el archivo configuration.yml.

• Establezca la production_branch entrada al nombre de su rama de producción en el trabajo static-web-apps-deploy en la acción de GitHub o en la tarea de AzureStaticWebApp. Esta acción garantiza que los cambios realizados en la rama de producción se implementen en el entorno de producción, mientras que los cambios en otras ramas se implementan en un entorno de versión preliminar.
• Enumere las ramas que desea implementar en entornos de vista previa en la matriz de desencadenadores de la configuración de flujo de trabajo para que los cambios en esas ramas también desencadenen la implementación de Acciones de GitHub o Azure Pipelines.
  • Establezca esta matriz en ** para Acciones de GitHub o en * para Azure Pipelines si desea realizar un seguimiento de todas las ramas.

Ejemplo

En el ejemplo siguiente se muestra cómo habilitar entornos de versión preliminar de rama.

Acciones de GitHub

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'

Nota:

... Indica el código omitido para mayor claridad.

En este ejemplo, los entornos de vista previa se definen para las ramas dev y staging. Cada rama se implementa en un entorno de versión preliminar independiente.

Pasos siguientes

Crear entornos de vista previa con nombre