Introducción a AWS

Cree una aplicación Web básica

Implemente una aplicación Web y agregue interactividad con una API y una base de datos

Módulo 5: agregue interactividad a la aplicación Web

En este módulo, modificará su sitio Web estático para invocar la API y mostrar el texto personalizado ingresado.

Introducción

En este módulo, actualizaremos el sitio Web estático que creamos en el Módulo uno para invocar la API REST que creamos en el Módulo tres. Esto agregará la capacidad de mostrar el texto basado en lo que ingresó.

Lo que aprenderá

  • Llamar a una API de API Gateway desde una página HTML
  • Cargar una nueva versión de una aplicación Web en la consola de Amplify

Conceptos clave

Implementación de un sitio Web Hacer disponible un sitio Web para los usuarios.

Entorno Una etapa como "prod," "dev," o "staging" donde se puede ejecutar una aplicación o sitio web.

Invocación de una API: enviar un evento a una API para desencadenar un comportamiento específico.

 Tiempo de realización

5 minutos

Implementación

Arquitectura de la aplicación

Con todos los módulos completados, esta es la arquitectura de lo que creó:

Todos los servicios de AWS que configuramos pueden comunicarse de forma segura entre sí. Cuando un usuario hace clic en un botón en la aplicación Web, realiza una llamada a nuestra API, que activa la función de Lambda. Esta función de Lambda escribe en una base de datos y devuelve un mensaje a nuestro cliente a través de API Gateway. Todos los permisos son administrados por IAM.

¿Este módulo le resultó útil?

¡Felicitaciones!

¡Creó con éxito una aplicación Web en AWS! Como un gran próximo paso, profundice más en tecnología son servidor y bases de datos y amplíe sus conocimientos de la nube de AWS.