Auth0-angular2 NPM

Auth0 Angular2

Auth0 Angular2 library helps you easily integrate Auth0 with your Angular 2 application. Auth0 Angular2 is written in TypeScript.

Installation

npm install auth0-angular2

and in your index.html

<script src="http://cdn.auth0.com/js/lock/10.4/lock.min.js"></script>

(If you know how to include the Auth0 Lock dependency in the library, please contribute!)

Using `provideAuthService`

Add provideAuthService to the providers array in your @NgModule.

import { provideAuthService } from 'auth0-angular2';

...

@NgModule({
  ...
  
  providers: [
    provideAuthService('clientId', 'domain')
  ],
  
  ...
})

After a successful login, Auth0 Lock by default redirects to the path that triggers the Lock and you may override it by providing a /redirectPath parameter. You may also provide a /homePath parameter to indicate where to route the application to after a successful login.

provideAuthService('clientId', 'domain', '/homePath', '/redirectPath')

Authenticating users

Using an authentication route guard as an example

import { Injectable } from '@angular/core';
import { CanActivate } from '@angular/router';
import { AuthService } from 'auth0-angular2';

@Injectable()
export class AuthGuard implements CanActivate {
  constructor(private auth: AuthService) { }
  
  canActivate() {
    if(this.auth.loginIfNotAuthenticated()){
      return false;
    }
    
    return true;
  }
}

Sending authenticated HTTP requests

Please use angular2-jwt directly, which is already installed with this library. (More features on sending authenticated HTTP requests are currently under development.)