CodAffection/Angular-5-Login-and-Logout-in-Web-API-Using-Token-Based-Authentication

Stars
110
Rank 316,770 (Top 7 %)
Language
C#
Created almost 7 years ago
Updated almost 2 years ago

CodAffection/Angular-5-Login-and-Logout-in-Web-API-Using-Token-Based-Authentication

CodAffection

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Angular 5 User Authentication with Web API and Token Based Authentication

Angular 5: Login-Logout in Web API using Token Based Authentication.

This is an Angular 5 Application to demonstrate how implementation of Token Based Authentication in Angular 5 with Web API.

Points discussed :

How to create login form in angular 5
Implemented Token Based Authentication in Web API
How to make token request from angular 5
Configure Routing in Angular 5
Logout in angular 5
How to use Routing Guard in angular 5
Use of HttpInterceptors in angular 5

Get the Code

$ git clone https://github.com/CodAffection/Angular-5-Login-and-Logout-in-Web-API-Using-Token-Based-Authentication.git
$ cd Angular-5-Login-and-Logout-in-Web-API-Using-Token-Based-Authentication/Angular5
$ npm install
//run the app
$ ng serve
//update Web API DB connection string

How it works ?

📜 Article on this topic
Url : https://goo.gl/WPvUSD

📺 Video tutorial on this same topic
Url : https://youtu.be/e8BlURn6SFk

📊	List of Tutorials		💰	Support Us
Angular	http://bit.ly/2KQN9xF		Paypal	https://goo.gl/bPcyXW
Asp.Net Core	http://bit.ly/30fPDMg		Amazon Affiliate	https://geni.us/JDzpE
React	http://bit.ly/325temF
Python	http://bit.ly/2ws4utg		👉	Follow Us
Node.js	https://goo.gl/viJcFs		Website	http://www.codaffection.com
Asp.Net MVC	https://goo.gl/gvjUJ7		YouTube	https://www.youtube.com/codaffection
Flutter	https://bit.ly/3ggmmJz		Facebook	https://www.facebook.com/codaffection
Web API	https://goo.gl/itVayJ		Twitter	https://twitter.com/CodAffection
MEAN Stack	https://goo.gl/YJPPAH
C# Tutorial	https://goo.gl/s1zJxo
Asp.Net WebForm	https://goo.gl/GXC2aJ
C# WinForm	https://goo.gl/vHS9Hd
MS SQL	https://goo.gl/MLYS9e
Crystal Report	https://goo.gl/5Vou7t
CG Exercises in C Program	https://goo.gl/qEWJCs

React-CRUD-with-Asp.Net-Core-Web-API

Full Stack React js CRUD with Asp.Net Core Web

Asp.Net-Core-Web-API-and-Angular-7-CRUD

Asp.Net Core Web API and Angular 7 CRUD

Node.js-Expess-MongoDB-CRUD

Node.js Expess MongoDB CRUD

JWT-Authentication-with-.Net-Core-Web-API-and-Angular-7

JWT Authentication with .Net Core Web API and Angualr 7

Angular-7-Master-Detail-CRUD-with-Web-API

Angular 7 Master Detail CRUD with Web API

MERN-Stack-CRUD

MERN Stack CRUD - React Node.js MongoDB and Express

Create-React-Material-UI-Confirm-Dialog-Notification

Create React Material UI Confirm Dialog & Notification

Pure-JavaScript-CRUD-Operations-with-Html

Pure JavaScript CRUD Operations with Html

MEAN-Stack-CRUD-Operations

MEAN Stack CRUD Operations

Material-UI-Form-Design-and-Validation

Material UI Form Design and Validation

Django-CRUD-Operations

Complete Django CRUD Operations with PostgreSQL

Angular-7-CRUD-with-Web-API

Angular 7 CRUD with Web API

Asp.Net-Core-Web-API---Role-Based-Authorization-in-Angular-7-with-Identity-Role

Asp.Net Core Web API - Role Based Authorization in Angular 7 with Identity Role

Asp.Net-Core-5.0-Web-API-CRUD-with-Angular-11

Asp.Net Core 5.0 Web API CRUD with Angular 11

Expense-Tracker-App-in-Asp.Net-Core-MVC

Expense Tracker App in Asp.Net Core MVC

User-Registration-with-Asp.Net-Core-Web-API-and-Angular-7

User Registration with Asp.Net Core Web API and Angular 7

Angular-Material-Popup-Dialog-Model

Angular Material Popup Dialog & Model

Asp.Net-Core-MVC-CRUD-with-EF-Core

Asp.Net Core MVC CRUD with EF Core

jQuery-Ajax-with-ASP.NET-Core-MVC-using-Modal-PopUp

React-js-Master-Detail-CRUD-with-Asp.Net-Web-API

React js Master Detail CRUD with Asp.Net Web API

React-Material-UI-Table-Paging-Sorting-and-Filtering.

React Material UI Table - Paging Sorting and Filtering.

React-CRUD-with-without-redux

React CRUD with and without redux

React-Material-UI-Dialog-Modal-Popup

React Material UI Dialog/ Modal Popup

Angular-Material-Data-Table-Paging-Sorting-Filtering

Angular Material Data Table Paging, Sorting, Filtering

Node.js-MySQL-CRUD-Operations

Angular-5-Quiz-App-With-Web-API

Angular 5 Quiz App With Web API

Angular-Material-CRUD-Design

Angular Material CRUD Design

Angular-7-CRUD-with-Firestore

Angular 7 CRUD with Firestore

Quiz-App-with-React-Asp.Net-Core-API-Material-UI

Quiz App - React, Asp.Net Core API & Material UI

Angular-5-CRUD-With-Firebase

Implemented Firebase CRUD Operations in Angular 5 Project.

User-Registration-in-Angular-5-With-Web-API

Implemented User Registration in Angular 5 with Web API and Asp.Net Identity

ASP.NET-Core-MVC-without-Enitity-Framework

ASP.NET Core MVC without Enitity Framework

Angular-5-With-Web-API-CRUD-Application

Angular 5 Project With CRUD Operation Using Web API Project

React-Asp.Net-Core-API---Image-Upload-Retrieve-Update-and-Delete-

React & Asp.Net Core API - Image Upload, Retrieve, Update and Delete

MEAN-Stack-Login-and-Logout-in-Angular-6-Part-2

MEAN Stack Login and Logout in Angular 6

Angular-6-CRUD-Operation-With-Firebase

Angular 6 CRUD Operation With Farebase

To-Do-List-App-in-Angular-5

Angular 5 Project for To Do List App Using Firebase

Angular-Material-Confirm-Dialog

Angular Material Confirm Dialog

Asp.Net-Core-6.0-MVC-CRUD-Operations-with-EF-Core

Asp.Net Core 6.0 MVC CRUD Operations with EF Core

Material-UI-Component-Theme

Material UI Component & Theme

Angular-Image-Gallery-with-Firebase

Angular Image Gallery with Firebase

Angular-Inline-Editing-with-Asp.Net-Core-Web-API

Angular Inline Editing with Asp.Net Core Web API

React-CRUD-with-Firebase

React CRUD with Firebase

MEAN-Stack-Jwt-Authentication-Node-JS-Part-1

MEAN Stack Jwt Authentication Node JS

Image-Upload-in-Angular-5-With-WebAPI

Image Upload in Angular 5 With WebAPI

MEAN-Stack-User-Registration---Back-End

MEAN Stack User Registration Backend

Django-Restful-API-CRUD-Operations-

Django Restful API CRUD Operations with PostgreSQL using Web Methods GET, POST, PUT and DELETE

JavaScript-Mini-Doc

MEAN-Stack-User-Registration-Front-End

MEAN Stack User Registration Front End

Django-ToDo-App-with-PostgreSQL

Django ToDo App with PostgreSQL

Build-a-Perfect-React-Form-with-Hook

Build a Perfect React Form with Hook

MySQL-CRUD-with-Node.js-API

MySQL CRUD with Node.js API

Firebase-CRUD-in-Angular-Material

Firebase CRUD in Angular Material

CG-Program-For-A-Man-Walking-In-Rain

CG Program For A Man Walking In Rain

MEAN-Stack-CRUD-with-Angular-15

MEAN Stack CRUD with Angular 15

Login-Form-in-Csharp

Login Form in C#

How-to-Export-Excel-in-C-

How to Export Excel in C#

Asp.Net-Core-MVC-Identity---Complete-User-Authentication-System

Asp.Net Core MVC & Identity - Complete User Authentication System

Forms-in-Angular-Tutorial-Demo

Different ways to create forms in angular application

To-Do-List-App-with-Angular-14-Firebase

To-Do List App with Angular 14 & Firebase

Asp.Net-Core-Web-API-CRUD-Operations

Asp.Net Core Web API CRUD Operations

Node.js-API-CRUD-Operations-with-MongoDB

Node.js API CRUD Operations with MongoDB

Flying-Kite-in-CG

Flying Kite in Computer Graphics

Draw-Christmas-Star-and-Tree-with-Python

Draw Christmas Star and Tree with Python

Draw-Line-Using-DDA-algorithm

C Program showing line drawing using DDA algorithm.

CG-Program-For-Clock

Computer Graphics Program For Clock

Asp.Net-Core-Web-API-CRUD-Operations-with-Angular-16

Demo project showing Asp.Net Core Web API CRUD Operations with Angular 16.

2D-Transformations-in-CG

2D Transformations in Computer Graphics

Rotating-Wheel-Animation-in-C-Program

Rotating Wheel Animation in C Program

Authentication-with-JWT-and-Asp.Net-Core-Identity-with-Web-API

Demo project of the YouTube tutorial on "Authentication with JWT and Asp.Net Core Identity with Web API

Authorization-in-Asp.Net-Core-Identity

Authorization in Asp.Net Core Identity