Crear un sitio web Serverless.

haré uso de los servicios: AWS Lambda, API Gateway, S3.

Avanzando en la certificación de AWS DevOps, me encontré con un ejemplo de arquitecturas Serverless que quería compartir.

La arquitectura es la siguiente:

• Un sitio web estático montado en S3.
• Una HTTP API en API Gateway.
• Función Lambda en Python que retorna un texto una vez que se invoca.

Lo primero, es clonar el código de ejemplo en GIT.

[embed]course-aws-certified-developer-associate/Serverless_Webite_Demo at main ·… AWS Certified Developer Associate course. Contribute to ACloudGuru-Resources/course-aws-certified-developer-associate…github.com

para los que no saben:

[embed]Cloning a repository - GitHub Docs When you create a repository on GitHub.com, it exists as a remote repository. You can clone your repository to create a…docs.github.com

En la consola de AWS, buscamos el servicio Lambda y creamos una nueva función:

le damos un nombre y en runtime asignamos la versión de Python mas actualizada.

Reemplazaremos el codigo por defecto y reemplazamos por el contenido del archivo hellocloudgurus.py

si quieren pueden cambiar el texto en “body”, y luego Deploy.

ahora vamos a agregar un nuevo trigger

Le damos a crear nueva API, en seguridad “open” ya que será para un sitio web público, y habilitamos Cross-Origin (CORS), para acceder desde la web a la API.

Le damos a agregar, ahora copiamos el API endpoint y lo probamos en un nuevo navegador.

Exposición de la API:

Creamos un bucket S3 para alojar el sitio web (en mi caso usaré uno que ya tenía)

Vamos a la consola, S3, nuevo bucket, le damos a ACLs Enable y deshabilitamos la opción “block all public access”

y le damos a crear bucket..

una vez creado, vamos al bucket y le damos a propiedades para habilitar la opción de alojar sitios web estáticos.

asignamos los nombres para el indice.html y error.html

El archivo index que bajamos de GIT, lo debemos modificar con el nombre del API endpoint que creamos anteriormente, y cargamos a S3.

• en mi caso agregué una sessión adicional para retornar al “home” del sitio.

Vamos a S3, seleccionamos el bucket y Upload:

En la opción de bucket verán la url del sitio web estático en su S3.

prueban en un navegador y verán su sitio estático

Con el botod “click me” llamará la función Lambda y retorná el código Python