{"meta":{"title":"Fazendo a implantação nos Aplicativos Web Estáticos do Azure","intro":"Saiba como implantar um aplicativo web no Azure Static Web App como parte de seus fluxos de trabalho de implantação contínua (CD).","product":"GitHub Actions","breadcrumbs":[{"href":"/pt/actions","title":"GitHub Actions"},{"href":"/pt/actions/how-tos","title":"Instruções"},{"href":"/pt/actions/how-tos/deploy","title":"Implantar"},{"href":"/pt/actions/how-tos/deploy/deploy-to-third-party-platforms","title":"Implantar em plataformas de terceiros"},{"href":"/pt/actions/how-tos/deploy/deploy-to-third-party-platforms/azure-static-web-app","title":"Azure Aplicativo Web Estático"}],"documentType":"article"},"body":"# Fazendo a implantação nos Aplicativos Web Estáticos do Azure\n\nSaiba como implantar um aplicativo web no Azure Static Web App como parte de seus fluxos de trabalho de implantação contínua (CD).\n\n## Pré-requisitos\n\nAntes de criar seu fluxo de trabalho de GitHub Actions, primeiro você precisa concluir as etapas de configuração a seguir:\n\n1. Crie um aplicativo Web estático Azure usando a opção 'Outros' para a origem da implantação. Para obter mais informações, consulte [Quickstart: Criando seu primeiro site estático no portal Azure](https://docs.microsoft.com/azure/static-web-apps/get-started-portal) na documentação do Azure.\n\n1. Crie um segredo chamado `AZURE_STATIC_WEB_APPS_API_TOKEN` com o valor do token de implantação do aplicativo Web estático. Para obter mais informações sobre como encontrar seu token de implantação, consulte [Redefinir tokens de implantação no Azure Static Web Apps](https://docs.microsoft.com/azure/static-web-apps/deployment-token-management) na documentação do Azure.\n\n## Criar o fluxo de trabalho\n\nDepois de preencher os pré-requisitos, você pode prosseguir com a criação do fluxo de trabalho.\n\nO fluxo de trabalho de exemplo a seguir demonstra como criar e implantar um aplicativo Web estático Azure quando há um push para o branch `main` ou quando uma solicitação de pull direcionada `main` é aberta, sincronizada ou reaberta. O fluxo de trabalho também destrói a implantação de pré-produção correspondente quando uma solicitação de pull direcionada a `main` é fechada.\n\nAbaixo da chave `env` de fluxo de trabalho, altere os seguintes valores:\n* `APP_LOCATION` para o local do código do cliente\n* `API_LOCATION` para o local do código-fonte da API. Se `API_LOCATION` não for relevante, você poderá excluir a variável e as linhas em que ela é usada.\n* `OUTPUT_LOCATION` para o local da saída de build do código do cliente\n\nPara obter mais informações sobre esses valores, consulte [Configuração do build para Azure Static Web Apps](https://docs.microsoft.com/azure/static-web-apps/build-configuration?tabs=github-actions) na documentação do Azure.\n\n```yaml copy\n# Esse fluxo de trabalho usa ações que não são certificadas pelo GitHub.\n# São fornecidas por terceiros e regidas por\n# termos de serviço, política de privacidade e suporte separados\n# online.\n\n# O GitHub recomenda fixar ações em um SHA de commit.\n# Para obter uma versão mais recente, você precisará atualizar o SHA.\n# Você também pode fazer referência a uma marca ou branch, mas a ação pode ser alterada sem aviso.\n\nname: Deploy web app to Azure Static Web Apps\n\nenv:\n  APP_LOCATION: \"/\" # location of your client code\n  API_LOCATION: \"api\" # location of your api source code - optional\n  OUTPUT_LOCATION: \"build\" # location of client code build output\n\non:\n  push:\n    branches:\n      - main\n  pull_request:\n    types: [opened, synchronize, reopened, closed]\n    branches:\n      - main\n\npermissions:\n  issues: write\n  contents: read\n  pull-requests: write\n\njobs:\n  build_and_deploy:\n    if: github.event_name == 'push' || (github.event_name == 'pull_request' && github.event.action != 'closed')\n    runs-on: ubuntu-latest\n    name: Build and Deploy\n    steps:\n      - uses: actions/checkout@v6\n        with:\n          submodules: true\n      - name: Build And Deploy\n        uses: Azure/static-web-apps-deploy@1a947af9992250f3bc2e68ad0754c0b0c11566c9\n        with:\n          azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN }}\n          repo_token: ${{ secrets.GITHUB_TOKEN }}\n          action: \"upload\"\n          app_location: ${{ env.APP_LOCATION }}\n          api_location: ${{ env.API_LOCATION }}\n          output_location: ${{ env.OUTPUT_LOCATION }}\n\n  close_pull_request:\n    if: github.event_name == 'pull_request' && github.event.action == 'closed'\n    runs-on: ubuntu-latest\n    name: Close Pull Request\n    steps:\n      - name: Close Pull Request\n        uses: Azure/static-web-apps-deploy@1a947af9992250f3bc2e68ad0754c0b0c11566c9\n        with:\n          azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN }}\n          action: \"close\"\n```\n\n## Leitura adicional\n\n* Para o modelo de fluxo de trabalho original, confira [`azure-staticwebapp.yml`](https://github.com/actions/starter-workflows/blob/main/deployments/azure-staticwebapp.yml) no repositório `starter-workflows` do GitHub Actions.\n* A ação usada para implantar o aplicativo Web é a ação oficial Azure [`Azure/static-web-apps-deploy`](https://github.com/Azure/static-web-apps-deploy).\n* Para obter mais exemplos de fluxos de trabalho GitHub Action que são implantados em Azure, consulte o repositório [actions-workflow-samples](https://github.com/Azure/actions-workflow-samples)."}