Angular Auth0 App w/ Embedded Login Form

This project demonstrates the use of Auth0's Lock v11 with an embedded login form using Angular and can easily be implemented for your own applications. Auth0 has a nice tutorial on how to integrate Angular with it's own hosted login page; however, there are some circumstances in which the embedded login form is much more convenient. Full tutorials on how to implement this are lacking, but this Auth0 GitHub repo was helpful alongside the official Auth0 Lock for Web documentation.

Versions

• Angular v5.2.3
• Bulma CSS Framework v0.62
• Auth0-js v9.2.0
• Auth0-lock v11.2.1

Cloning the Project for Personal Use

Installation

1. Clone this repo git clone https://github.com/stanleyeosakul/angular-auth0.git

2. cd into the folder of the cloned repo

3. Run yarn install to install dependencies

4. Configure your keys file Shared/keys/keys.js

   • From the root directory, create the keys file touch Shared/keys/keys.ts

   • Enter your clientID and domain from your client app settings in Auth0 into keys.ts

       import { Auth0 } from '../models/Auth0';
     
       export const AUTH_CONFIG: Auth0 = {
         clientID: '<your-client-id-goes-here>',
         domain: '<your-domain-goes-here>',
         callbackURL: 'http://localhost:4200/loading'
       };

5. Run ng serve, and navigate to http://localhost:4200/