Angular 2 - Auth0

auth0-lock component can not be loaded with SystemJS module loader. Must be loaded from index.html

    <script src="https://cdn.auth0.com/js/lock/10.6/lock.min.js"></script>

Install angular-jwt helper library and reference to in systemjs.config.js.

  'angular2-jwt': 'npm:angular2-jwt/angular2-jwt.js',

The callback URL configured in Auth0 Application Configuration Page is:

  http://localhost:3333/

Angular2 router is configured to use Hash Location Strategy.

The auth0-lock component is called from https://localhost:3333/#/login url.

Install angular-jwt helper library and reference to in systemjs.config.js.

  'angular2-jwt': 'npm:angular2-jwt/angular2-jwt.js',

Implemented workaround from http://stackoverflow.com/questions/39641554/how-to-use-the-hashlocationstrategy-with-the-auth0-lock-widget-for-user-login.

Angular 2 application skeleton with lite server

Node, Lite-server, TypeScript, BrowserSync, Angular2 application skeleton

Provided for developing Angular2 applications using Typescript served over lite-server server.

Prerequisites

Must have node and npm installed

How to use

Install node dependencies in your project root directory (this is where the 'package.json' file is located) using:

$ npm install

Start application with

$ npm run start

Base index.html page and SystemJS configuration file systemjs.config.js are located in ./app folder.

In your browser change the URL with http://localhost:3333/app/index.html and your Angular2 application will start. Angular2 TypeScirpt application is located in ./app/ts folder. The transpiled files are located in ./app/js folder.