Tutorial built with Angular 10.0.3

Other versions available:

  • **Angular: ** Angular 9,  8,  7,  6,  2/5
  • **React: ** React + Redux,  React (without Redux)
  • **Vue: ** Vue.js + Vuex
  • **AngularJS: ** AngularJS
  • **ASP.NET Core: ** Blazor WebAssembly

The following is a custom JWT authentication example and tutorial showing how to setup a simple login page in Angular 10.

For an extended example that includes the use of refresh tokens see Angular 10 - JWT Authentication with Refresh Tokens.

The angular app runs with a  fake backend by default to enable it to run completely in the browser without a real backend api (backend-less), to switch to a real api you just have to remove or comment out the line below the comment // provider used to create fake backend located in the  app module (/src/app/app.module.ts). You can build your own api or hook it up with the ASP.NET Core api or Node.js api available (instructions below).

Styling of the example app is all done with Bootstrap 4.5 CSS, for more info about Bootstrap see  https://getbootstrap.com/docs/4.5/getting-started/introduction/.

The example project is available on GitHub at https://github.com/cornflourblue/angular-10-jwt-authentication-example.

#angular #angular 10 #jwt #authentication

Angular 10 Tutorial - JWT Authentication Example & Tutorial
9.55 GEEK