GitHunt
MA

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

Languages

C#44.8%TypeScript39.9%HTML11.5%JavaScript2.0%CSS1.8%

Contributors

MIT License
Created March 29, 2017
Updated February 25, 2025
marklaygo/Angular-IdentityServer-WebAPI | GitHunt