Documentación - sebaspa/authapp GitHub Wiki

Aplicación para hacer una autenticación en angular usando Auth0

  • Se instala el angular con el comando: ng new authapp
  • Se instala bootstrap, jquery y popper.js npm install --save bootstrap jquery popper.js
  • En el archivo angular.json agergar las rutas de estilos y js de el bootstrap, jquery y popper.
  • Se crea la carpeta components dentro de src/app
  • Se crean los componentes necesarios de la siguiente manera: ng g c components/nombreDelComponente --spec="false" -is, los parámetros usados sirven para no generar el archivo de pruebas ni importar estilos al componente.
  • Se crea el archivo de rutas app.routes.ts con las rutas necesarias, y luego este archivo se importa en app.module.ts
  • Se ingresa al sitio de auth0 y se crea una aplicación usando el angular+2.
  • Luego si se siguen los pasos del sitio se debe instalar en el proyecto dicha librería con el comando: npm install --save auth0-js.
  • Lo siguientes es generar un servicio con el comando: ng g s services/auth. Este se debe importar tambien en el archivo app.module.ts.
  • Se debe copiar el servicio que se genera en el sitio web de auth0 y reemplazarlo por el creado anteriormente.
  • Se debe generar la ventana de login accionada con un botón la cual hace el inicio de sesión con auth0.
  • Se debe configurar el callback para que acepta la misma en la aplicación de auth0.
  • Se deben copiar las funciones de cerrar sesión y de verificar si tiene la sesion iniciada y dejarlas en el servicio, mandandolas a llamar desde el html.