Criar ambientes de visualização nomeados em Aplicativos Web Estáticos do Azure

Você pode configurar seu site para implantar todas as alterações em um ambiente nomeado. Esta implantação de pré-visualização é publicada numa URL estável que inclui o nome do ambiente. Por exemplo, se o ambiente for nomeado release, a visualização estará disponível em um local como <DEFAULT_HOST_NAME>-release.<LOCATION>.azurestaticapps.net.

Configuração

Para habilitar ambientes de URL estáveis com ambiente de implantação nomeado, faça as seguintes alterações no arquivo de configuração de compilação.

• Defina a deployment_environment entrada para um nome específico no static-web-apps-deploy trabalho na ação GitHub ou na tarefa AzureStaticWebApp. Isso garante que todas as alterações nos seus ramos monitorizados sejam implantadas no ambiente de pré-visualização especificado.
• Liste as ramificações que você deseja implantar para visualizar ambientes na matriz de gatilho em sua configuração de fluxo de trabalho para que as alterações nessas ramificações também acionem a implantação de Ações do GitHub ou Pipelines do Azure.
  • Defina essa matriz como ** para Ações do GitHub ou * para Pipelines do Azure se quiser rastrear todas as ramificações.

Exemplo

O exemplo a seguir demonstra como habilitar ambientes de visualização de ramificação.

Ações do 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"

Nota

O ... refere-se a código omitido para maior clareza.

Neste exemplo, as alterações em todas as ramificações são implantadas no ambiente de pré-visualização nomeado release.

Passos Seguintes

Revisar solicitações pull em ambientes de pré-produção