Compartir por

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

  • Artigo

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 entrada production_branch en el nombre de la rama de producción en el trabajo static-web-apps-deploy en la acción de GitHub o en la tarea AzureStaticWebApp. Esta acción garantiza que los cambios en la rama de producción se implementan 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 quiera implementar en entornos de vista previa en la matriz de desencadenador de la configuración del 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 * para Azure Pipelines si quiere hacer un seguimiento de todas las ramas.

Ejemplo

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

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"

Nota:

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

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

Pasos siguientes

Creación de entornos de vista previa con nombre