🟡AWS Cognito + Amplify ☁️ | Autenticación en Angular (React, Vue, ...) con la nube | 1/2 | Saisho

Hola a todos!, espero estén bien.
En el video de hoy traigo el primer tutorial de este nuevo canal, enfocado a enseñar cualquier tópico alrededor del mundo del desarrollo en medida que los vaya comprendiendo. Espero les sirva el tutorial!

Documentación Oficial Amplify:
https://docs.amplify.aws/angular/star...

Paso a paso del proceso:
Requisitos:
-NodeJs ^18.13 /^14.x.x
-npm ^6.14.4
-Git ^2.14.1
-Angular CLI 17

-Visual Studio Code
-Cuenta AWS (Budget coming soon)

Suite Amplify:
-Amplify framework ^6.0.16 = npm install aws-amplify : Biblioteca de JavaScript que permite integrar servicios de AWS en aplicaciones web y móviles.
-Amplify CLI = npm install -g @aws-amplify/cli : Consola que facilita la configuración de recursos de AWS utilizados por AWS Amplify Framework.

Pasos (Desde la raíz del proyecto):
-amplify configure (Conectar con la cuenta de AWS [ Preferiblemente a través de IAM ])
-IAM (Identity and Access Management) : Servicio que permite a los usuarios administrar el acceso a los recursos de AWS de forma segura.

IMPORTANTE:
Después de configurar los credenciales de AWS con Amplify Configure, DEBEN usar: amplify init
Este comando debe utilizarse solo una vez para generar el backend, luego es a este backend al que le añaden la autenticación con import auth o con add auth, para posteriormente pushearlo.
-Olvidé mencionarlo en el video ya que tenía backend previamente creado y solo tuve que encargarme de la configuración, una vez ejecuten amplify init pueden dejar todo por default o responder con normalidad las preguntas que arroja la consola!

-amplify add auth (Create Cognito User Pool)
-amplify import auth. (Get Cognito User Pool from AWS) -(Optional) Cognito user pool configuration

-amplify update auth / amplify remove auth

-amplify push (Crear el backend default con la configuración elegida)

Añadir en [main.ts]:
*import { Amplify } from 'aws-amplify';
*import config from './amplifyconfiguration.json';
*Amplify.configure(config);

Authentication Options:
-Register:
-handleSignUp() ➡️ handleSignUpConfirmation(optional) ➡️ handleAutoSignIn(optional)

-Login:
-handleSignIn()

-Logout:
-handleSignOut()

Credentials Getters:
-Username & UserID:
-currentAuthenticatedUser()

-Token JWT:
-currentSession()
Estaré atento a cualquier feedback sobre lo enseñado!