{"meta":{"title":"Desplegar a Azure Static Web App","intro":"Aprenda a implementar una aplicación web en Azure Static Web Apps como parte de sus procesos de implementación continua (CD).","product":"GitHub Actions","breadcrumbs":[{"href":"/es/actions","title":"GitHub Actions"},{"href":"/es/actions/how-tos","title":"Procedimientos"},{"href":"/es/actions/how-tos/deploy","title":"Desplegar"},{"href":"/es/actions/how-tos/deploy/deploy-to-third-party-platforms","title":"Implementa en plataformas de terceros"},{"href":"/es/actions/how-tos/deploy/deploy-to-third-party-platforms/azure-static-web-app","title":"Azure Aplicación web estática"}],"documentType":"article"},"body":"# Desplegar a Azure Static Web App\n\nAprenda a implementar una aplicación web en Azure Static Web Apps como parte de sus procesos de implementación continua (CD).\n\n## Requisitos previos\n\nAntes de crear tu flujo de trabajo de GitHub Actions, primero necesitarás completar los siguientes pasos de configuración:\n\n1. Cree una Azure aplicación web estática con la opción \"Other\" para el origen de implementación. Para obtener más información, consulte [Quickstart: Creación del primer sitio estático en el portal de Azure](https://docs.microsoft.com/azure/static-web-apps/get-started-portal) en la documentación de Azure.\n\n1. Cree un secreto llamado `AZURE_STATIC_WEB_APPS_API_TOKEN` con el valor del token de implementación de la aplicación web estática. Para obtener más información sobre cómo buscar el token de implementación, consulte [Restablecer tokens de implementación en Azure Static Web Apps](https://docs.microsoft.com/azure/static-web-apps/deployment-token-management) en la documentación de Azure.\n\n## Crear un flujo de trabajo\n\nUna vez que hayas completado los prerequisitos, puedes proceder con la creación del flujo de trabajo.\n\nEn el siguiente flujo de trabajo de ejemplo se muestra cómo compilar e implementar una aplicación web estática de Azure cuando hay un push a la rama `main` o cuando se abre, sincroniza o reabre una solicitud de incorporación de cambios dirigida a `main`. El flujo de trabajo también desglosa la implementación de pre-producción correspondiente cuando se cierra una solicitud de incorporación de cambios destinada a `main`.\n\nDebajo de la clave `env` del flujo de trabajo, cambie los valores siguientes:\n* `APP_LOCATION` por la ubicación del código de cliente\n* `API_LOCATION` por la ubicación del código fuente de la API. Si `API_LOCATION` no es relevante, puedes borrar la variable y las líneas en las que se usa.\n* `OUTPUT_LOCATION` por la ubicación de la salida de compilación del código de cliente\n\nPara obtener más información sobre estos valores, consulte [Configuración deBuild para Azure Static Web Apps](https://docs.microsoft.com/azure/static-web-apps/build-configuration?tabs=github-actions) en la documentación de Azure.\n\n```yaml copy\n# Este flujo de trabajo usa acciones que no GitHub no certifica.\n# Estas las proporcionan entidades terceras y las gobiernan\n# condiciones de servicio, políticas de privacidad y documentación de soporte\n# en línea.\n\n# GitHub recomienda anclar acciones a un SHA de confirmación.\n# Para obtener una versión más reciente, debes actualizar el SHA.\n# También puedes hacer referencia a una etiqueta o rama, pero la acción puede cambiar sin ninguna advertencia.\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## Información adicional\n\n* Para obtener la plantilla de flujo de trabajo original, vea [`azure-staticwebapp.yml`](https://github.com/actions/starter-workflows/blob/main/deployments/azure-staticwebapp.yml) en el repositorio `starter-workflows` de GitHub Actions.\n* La acción que se usa para implementar la aplicación web es la acción oficial Azure [`Azure/static-web-apps-deploy`](https://github.com/Azure/static-web-apps-deploy).\n* Para obtener más ejemplos de flujos de trabajo de acción de GitHub que se implementan en Azure, consulte el repositorio [actions-workflow-samples](https://github.com/Azure/actions-workflow-samples)."}