Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Amazon Web Services

Frontend de la aplicación (Español LATAM) | Application Front End (LATAM Spanish)

Amazon Web Services and Amazon via AWS Skill Builder

Overview

Información general del laboratorio

En este laboratorio, luego de implementar el backend sin servidor mediante AWS SAM y API Gateway, utilizará AWS Amplify para implementar el frontend de la aplicación de creación de cuadrículas y lo configurará para la autenticación con Amazon Cognito.

AWS Amplify es una plataforma de desarrollo que proporciona un conjunto de herramientas y servicios para crear aplicaciones web y móviles escalables y seguras. En este laboratorio, utilizará Amplify para implementar el frontend de la aplicación de creación de cuadrículas, que es una aplicación web que permite a los usuarios interactuar con el backend sin servidor. Amplify simplifica el proceso de implementación gracias a que proporciona herramientas y servicios fáciles de usar que automatizan diversas tareas, como la creación, la puesta a prueba y la implementación de aplicaciones.

Para autenticar a los usuarios, en este laboratorio utilizaremos Amazon Cognito, que es un servicio de autenticación administrada que permite añadir a las aplicaciones el registro de usuarios, el inicio de sesión y el control de acceso de manera sencilla. Cognito cuenta con varias funciones, entre las que se incluyen grupos de usuarios, grupos de identidades y autenticación multifactor, que permiten proteger su aplicación y controlar el acceso a los recursos.

Durante el laboratorio, configurará Amplify para ejecutar la autenticación y la autorización mediante Cognito. Creará un grupo de usuarios en Cognito, donde se almacenan las cuentas y los atributos de usuario, y un grupo de identidades, que otorga credenciales de AWS temporales a los usuarios. A continuación, integrará Amplify con Cognito y configurará el frontend para usar el grupo de usuarios de Cognito para la autenticación.

Al finalizar el laboratorio, habrá generado una aplicación sin servidor completa que incluye un frontend implementado mediante Amplify y un backend implementado mediante SAM y API Gateway. Aprenderá a usar Amplify para implementar aplicaciones de frontend y a utilizar Cognito para las tareas de autenticación y autorización.

Objetivos

Al final de este laboratorio, podrá hacer lo siguiente:

  • instalar los requisitos para usar la CLI (Command Line Interface, interfaz de la línea de comandos) de AWS Amplify
  • inicializar AWS Amplify e implementar un proyecto
  • configurar Cognito para autenticar con la aplicación
  • ejecutar la aplicación de creación de cuadrículas mediante autenticación para crear la imagen de cuadrícula

Conocimientos técnicos previos necesarios

Para completar correctamente este laboratorio, debe reunir estos requisitos:

  • Conocer la navegación básica de la Consola de administración de AWS.
  • Tener conocimientos de edición y ejecución de scripts con el editor de código y terminal de AWS Cloud9.
  • Contar con un conocimiento básico y familiaridad de Amazon API Gateway, AWS Serverless Application Model (SAM), AWS Lambda, AWS CloudFormation y AWS Amplify.
  • Tener experiencia previa con servicios de AWS, como AWS Amplify y cómputos sin servidor, es deseable, pero no es un requisito.

Duración

Se requieren 60 minutos para completar este laboratorio.

Significados de los íconos

Durante este laboratorio se utilizan varios íconos para llamar la atención sobre diferentes tipos de instrucciones y notas. En la siguiente lista, se explica el propósito de cada ícono:

  • Comando: un comando que debe ejecutar.
  • Resultado esperado: un resultado de ejemplo que puede utilizar para verificar el resultado de un comando o archivo editado.
  • Nota: una sugerencia, consejo u orientación importante.
  • Recomendación: un momento para hacer una pausa y pensar cómo aplicaría un concepto en su propio entorno o para iniciar una conversación sobre el tema en cuestión.

Reviews

Start your review of Frontend de la aplicación (Español LATAM) | Application Front End (LATAM Spanish)

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.