Introducción a la implementación de la aplicación JavaScript en Azure
Para implementar la aplicación basada en JavaScript en Azure, mueva un archivo o un conjunto de archivos a Azure para que se sirvan a través de un punto de conexión HTTP. El proceso de mover los archivos se denomina implementación.
Prerrequisitos
- Una suscripción a Azure: cree una cuenta gratuita.
- Node.js LTS.
- Una cuenta de GitHub si planea implementar desde un repositorio de GitHub.
Métodos de implementación
Azure ofrece varios métodos de implementación para satisfacer diferentes necesidades. Estos son algunos métodos comunes:
| Método | Detalles |
|---|---|
| CLI para desarrolladores de Azure | Ideal para desarrolladores que prefieren herramientas de línea de comandos y necesitan automatizar el aprovisionamiento y la implementación de recursos. |
| Extensiones de Visual Studio Code | Adecuado para implementaciones manuales, de prueba o poco frecuentes. Requiere las extensiones de Azure pertinentes instaladas localmente. |
| CLI de Azure | Resulta útil para implementaciones manuales o ocasionales. Requiere la CLI de Azure instalada localmente. |
| Acciones de GitHub | Ideal para implementaciones automatizadas o continuas desencadenadas por cambios en el repositorio de GitHub. |
Existen otros métodos de implementación basados en el servicio específico. Por ejemplo, Azure App Service admite una amplia variedad de métodos de implementación:
Puede volver a implementar en su servicio de aplicaciones mediante cualquiera de los métodos proporcionados, incluso si no usó uno de esos métodos para implementarlo originalmente. Puede que necesite configurar algo antes de volver a implementar si se cambian los métodos.
Pasos de compilación
En función de la complejidad y las necesidades de implementación de la aplicación, puede elegir compilar la aplicación de JavaScript antes o durante la implementación:
- Compilación antes de la implementación: para compilaciones complejas o largas, empaquete la aplicación en un archivo ZIP e impleméntela. Un paquete de implementación permite controlar y probar la compilación antes de la implementación.
- Compilación durante la implementación: para compilaciones más sencillas, use la variable de entorno proporcionada por Azure SCM_DO_BUILD_DURING_DEPLOYMENT=true para compilar la aplicación durante la implementación.
Ranuras de implementación
Slots de implementación en Azure App Service le permiten crear entornos independientes para preproducción y producción. El uso de espacios permite probar la aplicación en un entorno de ensayo antes de cambiarla por el espacio de producción, garantizando una implementación sin problemas ni errores. Más información sobre las ranuras de implementación.
No use ranuras de implementación para combinar propósitos de implementación. Todas las ranuras de implementación comparten el servicio de aplicaciones, por lo que debe asegurarse de que los patrones de tráfico y el uso previsto de todas las ranuras son los mismos. Si necesita tener un entorno de prueba o almacenamiento provisional hospedado, debe ser una instancia de App Service independiente.
Implementación con la CLI para desarrolladores de Azure
La CLI para desarrolladores de Azure (azd) simplifica el proceso de implementación de la aplicación en Azure. Siga estos pasos:
Instalar la CLI para desarrolladores de Azure.
Buscar un proyecto existente que usa muchos de los mismos recursos que usa el proyecto.
Inicialice una versión local del proyecto para usarla como plantilla de infraestructura para su propio proyecto.
azd init --template <template-name>Cree los recursos e implemente el código en Azure.
azd up
Implementación con Visual Studio Code
Para implementar o volver a implementar la aplicación de App Service con Visual Studio Code, complete los pasos siguientes:
Instale las extensiones de Azure relacionadas, por ejemplo, azureApp Service o Azure Functions.
Abra el explorador de Azure. Seleccione el icono de Azure en la barra lateral principal o use el método abreviado de teclado (Mayús + Alt + A).
En el grupo Recursos, seleccione la suscripción y el servicio.
Haga clic con el botón derecho en el servicio y seleccione Implementar en aplicación web....
Conexión al entorno hospedado de Azure
- Para obtener acceso manual u ocasional a los entornos hospedados, consulte Visualización de los archivos en el entorno hospedado de Azure.
- Para obtener un acceso automatizado o coherente, considere la posibilidad de seguir los pasos para configurar uno de los métodos de implementación.
Visualización de archivos en el entorno hospedado en Azure
Hay varias maneras de ver inmediatamente los archivos en tu app web o app de funciones hospedada en Azure. Cuando use ranuras en el recurso hospedado, debe asegurarse de que está en la ranura correcta antes de ver los archivos.
Ver archivos en Azure Portal: seleccione Console en Herramientas de desarrollo para el recurso de hospedaje.
Ver archivos en la extensión de VS Code: seleccione el icono de Azure en la barra de actividad. En la sección Recursos, seleccione la suscripción y el servicio. El nodo Archivos proporciona una vista de sus archivos remotos.
- Las extensiones para Azure App Service y Azure Functions proporcionan una vista de los archivos remotos.
Visualización del punto de conexión HTTP en Azure Portal
Vea el punto de conexión HTTP desde la página Información general del servicio en Azure Portal.
Contenido relacionado
- tutoriales de implementación de con Visual Studio Code
- Hospedaje de aplicaciones en Azure