marklaygo / Angular-IdentityServer-WebAPI

basic angular token based authentication | asp.net core

Angular IdentityServer WebAPI

This repo consist of 3 basic projects. Client, Authentication Service and a WebAPI. The reason I used 3 separate project is to simulate a scenario where the client access an already existing api and an authentication service.

Features

• Token based authentication
• Web API access
• Login, Register & Change password
• Form input validation
• Angular Material Design

Live demo

Live demo

Steps to run the project

Note: First time you open the projet, it will install / download / restore all the dependencies (2 - 5mins) depending on your internet speed.

After Visual Studio installed all the dependencies

1. In Visual Studio run the project IdentityServer
2. In Visual Studio run the project WebAPI
3. Open cmd/powershell or any other command line interface and navigate to Angular-IdentityServer-WebAPI/src/Angular/ClientApp then type npm install.
4. then type the command ng serve to run the angular app.
5. Open your browser and navigate to localhost:4200

What's included

• Angular
• Webpack
• ASP.NET Core
• IdentityServer
• Angular2-jwt
• Material

References

http://docs.identityserver.io/en/release/quickstarts/0_overview.html
https://github.com/auth0/angular2-jwt
http://blog.ionic.io/ionic-2-and-auth0/
https://auth0.com/docs/quickstart/spa/angular2
http://stackoverflow.com/questions/31788681/angular2-validator-which-relies-on-multiple-form-fields/34582914#34582914
https://angular.io/docs/ts/latest/guide/router.html#!#teach-authguard-to-authenticate
https://angular.io/docs/ts/latest/cookbook/form-validation.html#!#reactive
https://github.com/angular/material2

License

MIT