• 08 Mayo 2021
  • Elton Rodriguez
  • Aplicaciones Web, Microsoft Azure

Azure Static Web App para todos

Hola, hoy hablemos de qué son las Azure Static Web Apps y porqué están de moda. Hoy en día muchos saben que este es un servicio en Azure que se encuentra en versión preliminar pública, disponible para todos los usuarios que cuenten con una suscripción de Azure. La definición más simple para este servicio es contar con una Aplicación web, pero sin la complejidad de preocuparnos por contar con un servidor. En síntesis, es el mejor servicio para hospedaje web donde almacenemos contenido estático como HTML, CSS, JavaScript e imágenes.

Dentro de sus principales características a destacar, puedo mencionarles que:

  • Cuenta con una compatibilidad integrada con la API de Azure Functions.
  • Integración con GitHub y Azure DevOps, y lo mejor de todo es que cada commit o cambio que realicemos en el repositorio desencadenará compilaciones e implementaciones automáticas.
  • Brinda certificados SSL gratuitos y de automática renovación.
  • Podremos personalizarlas con nuestros propios dominios.
  • Reglas de enrutamiento de back-end que permiten tener control total sobre el contenido y las rutas que atiende.
  • Versiones de almacenamiento provisionales generadas que se basan en las solicitudes de incorporación de cambios y permiten obtener versiones preliminares del sitio antes de su publicación.
Azure Static Web

¿Cómo iniciamos?

Indagando en la documentación de Microsoft, puedo compartirles este recurso donde podrán conocer más sobre cómo podemos crear nuestro primer sitio estático desde el portal de Azure.

Estando en el portal de Azure, nos dirigimos al Marketplace y buscaremos “Static Web App” para crear nuestra aplicación web.

Azure Static Web

Ahora Azure nos preguntará los datos típicos como la suscripción, el grupo de recursos y el nombre de nuestra web estática. Seguidamente, me complace anunciar que este servicio pasó a tener una disponibilidad general en el portal, para el cual podremos encontrar 2 planes, el gratuito (ASÍ ES: ¡GRATUITO!) y el estándar. Finalmente, escogeremos como origen de implementación GitHub y procederemos con la creación.

Azure Static Web

Ya dentro del servicio, nos damos cuenta de que estando en un plan gratuito podemos enlazar 1 dominio personalizado (Si deseas enlazar más dominios debes utilizar el plan estándar). También encontraremos un apartado donde podremos visualizar el plan actual y los beneficios con los que cuenta cada uno de estos.

Azure Static Web

La diferencia de estos planes radica en que el plan free está orientado para los desarrolladores o proyectos personales o entornos de pruebas donde buscamos testear nuestra aplicación. Si lo que estas buscando es una aplicación web que cuente con SLA y un dimensionamiento adecuado, el plan standard es para ti.

Azure Static Web

Finalmente, ¿Qué podemos hacer con Azure Static Web Apps?

  • Crear aplicaciones web modernas con los marcos y bibliotecas de JavaScript, como Angular, React, Svelte, Vue o con Blazor para crear aplicaciones WebAssembly con un servidor back-end de Azure Functions.
  • Publicar sitios estáticos con marcos como Gatsby, Hugo y VuePress.
  • Implementar aplicaciones web con marcos como Next.js y Nuxt.js..
  • Y obviamente, una simple Landing Page estática basada en HTML, CSS y JavaScript.

Si ya cuentan con una suscripción de Azure, los invito a probar este servicio y desplegar unas cuantas páginas donde puedan evidenciar la potencia de la nube.

¿Qué te pareció ésta entrada?



Ayuda a otros compartiendo esta entrada en: