¿Qué es Azure Static Web Apps?

Azure Static Web Apps es un servicio que compila e implementa automáticamente aplicaciones web de pila completa en Azure desde un repositorio de código.

Diagrama de información general de Azure Static Web Apps

El flujo de trabajo de Azure Static Web Apps se adapta al flujo de trabajo diario de un desarrollador. Las aplicaciones se compilan e implementan en función de los cambios en el código.

Cuando se crea un recurso de Azure Static Web Apps, Azure interactúa directamente con GitHub o Azure DevOps para supervisar una rama de su elección. Cada vez que inserte confirmaciones o acepte solicitudes de incorporación de cambios en la rama inspeccionada, se ejecuta automáticamente una compilación y la aplicación y la API se implementan en Azure.

Las aplicaciones web estáticas se suelen crear con bibliotecas y marcos web como Angular, React, Svelte, Vue o Blazor, en los que no se requiere representación en el servidor. Estas aplicaciones incluyen recursos HTML, CSS, JavaScript y de imagen que componen la aplicación. Con un servidor web tradicional, estos recursos se ofrecen desde un único servidor junto con los puntos de conexión de la API necesarios.

Con Static Web Apps, los recursos estáticos se separan de un servidor web tradicional y, en su lugar, se ofrecen puntos distribuidos geográficamente en todo el mundo. Esta distribución permite ofrecer archivos de forma más rápida, dado que se encuentran físicamente más cerca de los usuarios finales. Además, los puntos de conexión de la API se hospedan mediante una arquitectura sin servidor, lo que evita la necesidad de usar un servidor back-end completo.

Principales características

  • Hospedaje web para contenido estático como HTML, CSS, JavaScript e imágenes.
  • Compatibilidad de la API integrada proporcionada por Azure Functions con la opción de vincular una aplicación de Azure Functions existente mediante una cuenta estándar.
  • Integración de primera clase con GitHub y Azure DevOps, en las que los cambios en el repositorio desencadenan compilaciones e implementaciones.
  • Contenido estático distribuido globalmente, lo que permite que el contenido esté más cerca de los usuarios.
  • Certificados SSL gratuitos, que se renuevan automáticamente.
  • Dominios personalizados para proporcionar personalizaciones de marca a la aplicación.
  • Modelo de seguridad ágil con un proxy inverso al llamar a las API, lo que no requiere ninguna configuración de CORS.
  • Integraciones del proveedor de autenticación con Azure Active Directory, GitHub y Twitter.
  • Definición de roles de autorización personalizables y asignaciones.
  • Reglas de enrutamiento de back-end que permiten tener control total sobre el contenido y las rutas que atiende.
  • Versiones de almacenamiento provisional generadas que se basan en las solicitudes de incorporación de cambios y permiten obtener versiones preliminares del sitio antes de su publicación.
  • Compatibilidad con la CLI de Azure a través de la CLI de Azure para crear recursos en la nube y a través de la CLI de Azure Static Web Apps para el desarrollo local.

Qué puede hacer con Static Web Apps

Pasos siguientes