🟡AWS Cognito + Amplify ☁️ | Autenticación en Angular (React, Vue, ...) con la nube | 1/2 | Saisho скачать в хорошем качестве

🟡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!