☁️AWS Cognito + Amplify 🟡 | Autenticación con Amplify mediante la nube | 2/2 | Saisho
Автор: Saisho_Dev
Загружено: 2024-02-14
Просмотров: 823
Hola a todos!, espero estén bien.
En el video de hoy traigo la segunda parte del tutorial anterior, esta ves mostrando las opciones de autenticación con la API de amplify.
Espero les sirva!
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!
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке: