Creación de una aplicación web básica
TUTORIAL
Introducción: creación de una aplicación web básica
Siga las instrucciones paso a paso para crear su primera aplicación web
Información general
En este tutorial, creará una aplicación Web simple. Primero creará una aplicación Web estática “Hola mundo”. Luego, aprenderá cómo agregar una funcionalidad a la aplicación web para que el texto visualizado sea en función de una entrada personalizada que proporcione.
Lo que logrará
En este tutorial se explican por los pasos para crear la aplicación web de muestra mencionada anteriormente. Hará lo siguiente:
- Creación de una aplicación web
- Conexión de la aplicación web a un backend sin servidor
- Adición de interactividad a la aplicación web con una API y una base de datos
Requisitos previos
Antes de comenzar este tutorial, necesitará lo siguiente:
- Una cuenta de AWS: si aún no tiene una, siga la guía de introducciónSetting Up Your Environment (Configuración de su entorno) para obtener un descripción general rápida.
Experiencia en AWS
Principiante
Tiempo mínimo para finalizar
35 minutos
Costo de realización
Apto para el nivel gratuito
Requisitos
- Una cuenta de AWS con acceso de nivel de administrador*
- Navegador recomendado: la última versión de Chrome o Firefox
* Es posible que las cuentas creadas en las últimas 24 horas aún no tengan acceso a los servicios necesarios para este tutorial.
Servicios utilizados
Última actualización
4 de abril de 2023
Arquitectura de aplicaciones
El siguiente diagrama ofrece una representación visual de los servicios que se utilizaron en este tutorial y cómo están conectados. Esta aplicación utiliza AWS Amplify, Amazon API Gateway, AWS Lambda, Amazon DynamoDB y AWS Identity and Access Management (AWS IAM).
A lo largo del tutorial, se explicarán los servicios en detalle y mencionaremos los recursos que lo ayudarán a ponerse al día con ellos.
Módulos
Este tutorial está dividido en seis módulos cortos. Debe completar cada módulo en orden antes de pasar al siguiente.
- Crear aplicación Web (5 minutos): implemente recursos estáticos para su aplicación Web utilizando la consola AWS Amplify.
- Crear una función sin servidor (5 minutos): cree una función sin servidor con AWS Lambda.
- Enlazar la función sin servidor a la aplicación Web (5 minutos): implemente la función sin servidor con API Gateway.
- Crear una tabla de datos (10 minutos): preserve datos en una tabla de Amazon DynamoDB.
- Agregar interactividad a la aplicación web (5 minutos): modifique su aplicación web para invocar a la API.
- Eliminar los recursos (5 minutos): elimine los recursos utilizados en este tutorial.
Creará esta aplicación web con la Consola de administración de AWS, a la que puede acceder directamente desde el navegador.