Angular 4 Security Using JSON Web Tokens
Applications must take security into account. Learn how to add security to your Angular applications using JSON Web Tokens, claims, and the .NET Core Web API.
What you'll learn
Applications must take security into account, and Angular applications are no exception. In this course, Angular 4 Security Using JSON Web Tokens, you will create an authentication system and an authorization system that can be used on both the client side and the server side. First, you will learn how Angular applications must have secure UI elements on the client side, and secure your Web API calls on the server side. Then, you will use Angular, Visual Studio Code, JSON Web Tokens, claims, roles, and a .NET Core Web API to secure your Angular applications. By the end of this course, you’ll know exactly how to implement a flexible, claims-based security system, you can use in a small, medium, or large Angular application.
Table of contents
- Version Check 0m
- Course Introduction and Goals 1m
- Prerequisites and Modules in this Course 3m
- Security Goals and Security Architecture 3m
- Machine Setup and Getting Started 2m
- Create the Sample Project and Workspace 3m
- Add Sample Files into Sample Project 3m
- Run the Web API and Angular Project 2m
- Module Summary 1m
- Module Introduction 1m
- How to Secure Menus 2m
- Secure the Menus 4m
- How to Secure Buttons 2m
- Secure the Buttons 4m
- How to Create an Authorization Route Guard 1m
- Create the Authorization Route Guard 5m
- How to Redirect to Login Page 2m
- Redirect to Login Page 2m
- Redirect Back to Requested Route 2m
- Module Summary 1m
- Module Introduction and Security Architecture 2m
- Entity Framework and Authorization Classes 3m
- Create Entity Framework Classes 3m
- The User Authorization and Security Manager Class 2m
- Build the AppUserAuth Class 1m
- Build the Security Manager Class 5m
- The Security Controller 1m
- Build the Security Controller Class 2m
- Changes to Security Service to Call the Web API 1m
- Call the Web API from Angular 6m
- Module Summary 1m
- Module Introduction and Goals 1m
- Add Authorize Attribute 2m
- Add JWT Packages to Web API Project 3m
- How to Configure JSON Web Token System 1m
- Add Settings to JSON File and Read the Settings 3m
- How to Setup Authentication in the Web API Project 2m
- Setup the Authentication in Startup.cs 3m
- Create Singleton of Settings 1m
- Inject Settings into Controller and Security Manager 2m
- How to Create a JWT Token 2m
- Create the BuildJwtToken Method 3m
- Return Bearer Token to Angular 3m
- Module Summary 1m
- Module Introduction 1m
- Changes to Make to the Angular Security Classes 1m
- Remove Individual Properties and Add Claims Array 2m
- Check Claims in Security Service and Route Guard 4m
- Changes to Make to the Web API Classes 1m
- Make Changes to Server-side C# Classes 5m
- How to Create a Structural Directive 2m
- Build and Test the Structural Directive 5m
- Secure Menu Items 3m
- Handling Multiple Claims per Element 1m
- Modify Code to Handle Multiple Claims 4m
- Remove Code from Components 2m
- Module Summary and Role-based Security 1m
- Course Summary 1m