¿Qué es la versión preliminar de Azure Static Web Apps?What is Azure Static Web Apps Preview?

Azure Static Web Apps es un servicio que compila e implementa automáticamente aplicaciones web de pila completa en Azure desde un repositorio de GitHub.Azure Static Web Apps is a service that automatically builds and deploys full stack web apps to Azure from a GitHub repository.

Información general de Static Web Apps

El flujo de trabajo de Azure Static Web Apps se adapta al flujo de trabajo diario de un desarrollador.The workflow of Azure Static Web Apps is tailored to a developer's daily workflow. Las aplicaciones se compilan e implementan en función de las interacciones de GitHub.Apps are built and deployed based off GitHub interactions.

Cuando se crea un recurso de Azure Static Web Apps, Azure configura un flujo de trabajo de Acciones de GitHub en el repositorio de código fuente de la aplicación que supervisa una rama de su elección.When you create an Azure Static Web Apps resource, Azure sets up a GitHub Actions workflow in the app's source code repository that monitors a branch of your choice. Cada vez que inserte confirmaciones o acepte solicitudes de incorporación de cambios en la rama inspeccionada, la acción de GitHub compilará e implementará automáticamente la aplicación y su API en Azure.Every time you push commits or accept pull requests into the watched branch, the GitHub Action automatically builds and deploys your app and its API to Azure.

Las aplicaciones web estáticas se suelen compilar con bibliotecas y marcos como Angular, React, Svelte, Vue o Blazor.Static web apps are commonly built using libraries and frameworks like Angular, React, Svelte, Vue, or Blazor. Estas aplicaciones incluyen recursos HTML, CSS, JavaScript y de imagen que componen la aplicación.These apps include HTML, CSS, JavaScript, and image assets that make up the application. Con un servidor web tradicional, estos recursos se ofrecen desde un único servidor junto con los puntos de conexión de la API necesarios.With a traditional web server, these assets are served from a single server alongside any required API endpoints.

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.With Static Web Apps, static assets are separated from a traditional web server and are instead served from points geographically distributed around the world. 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.This distribution makes serving files much faster as files are physically closer to end users. 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.In addition, API endpoints are hosted using a serverless architecture, which avoids the need for a full back-end server all together.

Principales característicasKey features

  • Hospedaje web para contenido estático como HTML, CSS, JavaScript e imágenes.Web hosting for static content like HTML, CSS, JavaScript, and images.
  • Compatibilidad con la API integrada proporcionada por Azure Functions.Integrated API support provided by Azure Functions.
  • Integración de GitHub de primera clase donde los cambios de repositorio desencadenan compilaciones e implementaciones.First-class GitHub integration where repository changes trigger builds and deployments.
  • Contenido estático distribuido globalmente, lo que permite que el contenido esté más cerca de los usuarios.Globally distributed static content, putting content closer to your users.
  • Certificados SSL gratuitos, que se renuevan automáticamente.Free SSL certificates, which are automatically renewed.
  • Dominios personalizados para proporcionar personalizaciones de marca a la aplicación.Custom domains to provide branded customizations to your app.
  • Modelo de seguridad ágil con un proxy inverso al llamar a las API, lo que no requiere ninguna configuración de CORS.Seamless security model with a reverse-proxy when calling APIs, which requires no CORS configuration.
  • Integraciones del proveedor de autenticación con Azure Active Directory, Facebook, Google, GitHub y Twitter.Authentication provider integrations with Azure Active Directory, Facebook, Google, GitHub, and Twitter.
  • Definición de roles de autorización personalizables y asignaciones.Customizable authorization role definition and assignments.
  • Reglas de enrutamiento de back-end que permiten tener control total sobre el contenido y las rutas que atiende.Back-end routing rules enabling full control over the content and routes you serve.
  • 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.Generated staging versions powered by pull requests enabling preview versions of your site before publishing.

Qué puede hacer con Static Web AppsWhat you can do with Static Web Apps

Pasos siguientesNext steps