{"meta":{"title":"Implementación de Node.js en Azure App Service","intro":"Aprenda a implementar un proyecto de Node.js en Azure App Service como parte de los flujos de trabajo 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/nodejs-to-azure-app-service","title":"Node.js para Azure App Service"}],"documentType":"article"},"body":"# Implementación de Node.js en Azure App Service\n\nAprenda a implementar un proyecto de Node.js en Azure App Service como parte de los flujos de trabajo 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. Crear un plan de Azure App Service.\n\n   Por ejemplo, puedes utilizar el CLI de Azure para crear un plan de App Service nuevo:\n\n   ```bash copy\n   az appservice plan create \\\n      --resource-group MY_RESOURCE_GROUP \\\n      --name MY_APP_SERVICE_PLAN \\\n      --is-linux\n   ```\n\n   En el comando anterior, reemplace `MY_RESOURCE_GROUP` por el grupo de recursos de Azure existente y `MY_APP_SERVICE_PLAN` por un nuevo nombre para el plan de App Service.\n\n   Para más información sobre cómo usar la [CLI de Azure](https://docs.microsoft.com/cli/azure/), vea la documentación de Azure.\n\n   * Para la autenticación, consulta [Inicio de sesión con la CLI de Azure](https://docs.microsoft.com/cli/azure/authenticate-azure-cli).\n   * Si tiene que crear un grupo de recursos, consulta [az group](https://docs.microsoft.com/cli/azure/group?view=azure-cli-latest#az_group_create).\n\n2. Crear una aplicación web.\n\n   Por ejemplo, puede usar el Azure CLI para crear una aplicación web de Azure App Service con un entorno de ejecución de Node.js:\n\n   ```bash copy\n   az webapp create \\\n       --name MY_WEBAPP_NAME \\\n       --plan MY_APP_SERVICE_PLAN \\\n       --resource-group MY_RESOURCE_GROUP \\\n       --runtime \"NODE|14-lts\"\n   ```\n\n   En el comando anterior, reemplace los parámetros con valores propios, donde `MY_WEBAPP_NAME` es un nombre nuevo para la aplicación web.\n\n3. Configure un perfil de publicación de Azure y cree un secreto `AZURE_WEBAPP_PUBLISH_PROFILE`.\n\n   Genera tus credenciales de despliegue de Azure utilizando un perfil de publicación. Para más información, consulta [Generación de credenciales de implementación](https://docs.microsoft.com/azure/app-service/deploy-github-actions?tabs=applevel#generate-deployment-credentials) en la documentación de Azure.\n\n   En el GitHub repositorio, cree un secreto denominado `AZURE_WEBAPP_PUBLISH_PROFILE` que contenga el contenido del perfil de publicación. Para más información sobre la creación de secretos, consulta [Uso de secretos en Acciones de GitHub](/es/actions/how-tos/write-workflows/choose-what-workflows-do/use-secrets#creating-secrets-for-a-repository).\n\n4. Opcionalmente, configure un entorno de implementación. Los entornos se usan para describir un destino de implementación general como `production`, `staging` o `development`. Cuando un GitHub Actions flujo de trabajo se implementa en un entorno, el entorno se muestra en la página principal del repositorio. Puedes usar entornos para requerir aprobación para que un trabajo continúe, restringir qué ramas pueden desencadenar un flujo de trabajo, controlar las implementaciones con reglas de protección de implementación personalizadas o limitar el acceso a los secretos. Para más información sobre la creación de entornos, consulta [Administrar entornos para la implementación](/es/actions/how-tos/deploy/configure-and-manage-deployments/manage-environments).\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, probar e implementar el proyecto de Node.js en Azure App Service cuando hay una inserción en la rama `main`.\n\nAsegúrese de establecer `AZURE_WEBAPP_NAME` en la clave `env` del flujo de trabajo en el nombre de la aplicación web que ha creado. Si la ruta del proyecto no es la raíz del repositorio, ajusta `AZURE_WEBAPP_PACKAGE_PATH` a la ruta de tu proyecto. Si usas una versión de Node.js distinta de `10.x`, cambia `NODE_VERSION` por la versión que utilices.\n\nSi ha configurado un entorno de implementación, cambie el valor de `environment` por el nombre del entorno. Si no ha configurado un entorno o si el flujo de trabajo está en un repositorio privado y no usa GitHub Enterprise Cloud, borre la clave `environment`.\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\non:\n  push:\n    branches:\n      - main\n\nenv:\n  AZURE_WEBAPP_NAME: MY_WEBAPP_NAME   # set this to your application's name\n  AZURE_WEBAPP_PACKAGE_PATH: '.'      # set this to the path to your web app project, defaults to the repository root\n  NODE_VERSION: '14.x'                # set this to the node version to use\n\njobs:\n  build:\n    runs-on: ubuntu-latest\n    steps:\n    - uses: actions/checkout@v6\n\n    - name: Set up Node.js\n      uses: actions/setup-node@v7\n      with:\n        node-version: ${{ env.NODE_VERSION }}\n        cache: 'npm'\n\n    - name: npm install, build, and test\n      run: |\n        npm install\n        npm run build --if-present\n        npm run test --if-present\n    - name: Upload artifact for deployment job\n      uses: actions/upload-artifact@v4\n      with:\n        name: node-app\n        path: .\n\n  deploy:\n    runs-on: ubuntu-latest\n    needs: build\n    environment:\n      name: 'production'\n      url: ${{ steps.deploy-to-webapp.outputs.webapp-url }}\n\n    steps:\n    - name: Download artifact from build job\n      uses: actions/download-artifact@v5\n      with:\n        name: node-app\n\n    - name: 'Deploy to Azure WebApp'\n      id: deploy-to-webapp\n      uses: azure/webapps-deploy@85270a1854658d167ab239bce43949edb336fa7c\n      with:\n        app-name: ${{ env.AZURE_WEBAPP_NAME }}\n        publish-profile: ${{ secrets.AZURE_WEBAPP_PUBLISH_PROFILE }}\n        package: ${{ env.AZURE_WEBAPP_PACKAGE_PATH }}\n```\n\n## Información adicional\n\n* Para obtener la plantilla de flujo de trabajo original, vea [`azure-webapps-node.yml`](https://github.com/actions/starter-workflows/blob/main/deployments/azure-webapps-node.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/webapps-deploy`](https://github.com/Azure/webapps-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).\n* El inicio rápido [Crear una aplicación web de Node.js en Azure](https://docs.microsoft.com/azure/app-service/quickstart-nodejs) en la documentación de la aplicación web de Azure muestra el uso de Visual Studio Code con la extensión [Azure App Service](https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-azureappservice)."}