Desplegar web de estáticos o JAMstack en Alibaba Cloud

Cuando desplegamos una web de estáticos, arquitecturas jamstack y/o desarrollamos con librerías como Gatsby o Gridsome, es importante cómo los depleguemos y que servicios utilicemos en nuestro proveedor Cloud. ¿Cuáles deberíamos tener en cuenta con Alibaba Cloud?

Cuando diseñamos y desarrollamos una aplicación web, si buscamos que tenga buen rendimiento, puede que nos hayamos planteado la utilización de librerías como GatsbyJS si estamos habituados a utilizar React, Gridsome si utilizamos Vue, Angular Universal o Scully si trabajamos con angular… o simplemente diseño optimizado con javascript puro.

Dentro de los parámetros que deberemos tener en cuenta en nuestro diseño de arquitectura, no se limita solamente al frontend o la configuración de nuestro Nginx, dado que si estamos desplegando nuestra aplicación en cloud, tendremos otras opciones de mejorar aún nuestro rendimiento.

En el caso de que estemos utilizando Alibaba Cloud, algunos de los servicios que pueden ayudarnos a mejorar la velocidad de nuestro site (sin tener en cuenta la escalabilidad vertical con los servidores), sería la utilización de:

  • Object Storage Service: servicio para almacenar la información como objetos en nuestros buckets, el cual nos permitirá de una forma segura acceder rápidamente a la información
  • CDN: Servicio de Content Delivery Network de Alibaba Cloud y que se integra con el resto de servicios del proveedor cloud. Nos permitirá cachear los estáticos que deseemos mejorando el performance y la escalabilidad

 

Ventajas

  • No se requiere ningún servidor para alojar los activos
  • OSS almacena copias redundantes de los activos en múltiples zonas dentro de una región; por lo tanto, se proporciona alta disponibilidad a nivel de región para el origen de los activos sin la necesidad de hacer nada adicional
  • CDN se utiliza para mejorar la entrega y, por lo tanto, la experiencia del usuario
  • CDN es una red global masiva de servidores interconectados, por lo que se proporciona alta disponibilidad a nivel global para los servidores de cara al usuario
  • OSS es muy barato

Una arquitectura básica de ejemplo, sería la que nos indica Alibaba en su web para desplegar webs con contenido dinámico y estático:

https://i2.wp.com/img.alicdn.com/tfs/TB1UWPhGAyWBuNjy0FpXXassXXa-1530-1140.png?w=640&ssl=1

 

 

Bibliografía

  • https://www.alibabacloud.com/product/oss
  • https://www.alibabacloud.com/blog/deploying-static-websites-using-oss-and-cdn-on-alibaba-cloud_594120
  • https://www.alibabacloud.com/product/cdn