ASP. NET Core 2.1 Web API + Identity Server 4 + Angular 6 + Angular Material Combat Small Project Video

Video Introduction

Tutorial videos for ASP. NET Core Web API + Angular 6

I am back-end developers, the front-end of the angular part of the relatively poor, you can directly see the code!!!!

This is a live video of a small project that uses:

• ASP. NET Core 2.1 API

• Identity Server 4

• Angular 6

• Angular Material

This project is relatively simple and suitable for the ASP. NET Core Web API and Angular beginners.

The results of the project's final completion:

Video Catalogue

Video Album Address: Http://v.qq.com/vplus/4cfb00af75c16eb8d198c58fb86eb4dc/foldervideos/8hk0029019k2fft

Source Code and Ppt:github.com/solenovex/asp.net-core-2.1-angular-6-demo

The first part establishes the Web API and its CRUD functionality

1. Create an ASP. NET core project and introduction to program and startup
2. Configuring an ASP. NET Core Project
   1. Environment, HTTPS, etc.
   2. Add entity Framework Core 2.1 support
3. Continue configuring the ASP. NET Core Project
   1. Add Serilog
   2. Add a configuration file to handle global exceptions
4. Roughly complete the creation of the ASP. Resource Model, AutoMapper, fluentvalidation
5. Implementing a back-end get
   1. A brief introduction to rest and a simple implementation of get
   2. Page flipping, filtering, sorting, etc.
6. Get plasticity, HATEOAS, custom media Type
7. POST, PUT, PATCH, DELETE, entity validation

The second part, build the Identity Server 4 project, add the MVC client (for testing)

1. Introduction to OAuth 2.0 & OpenId Connect (optional)
2. Access to protected API resources using MVC clients (for testing purposes)

Part III, establishing the angular project, using implicit flow for identity authentication, access to the protected API

1. Build Angular 6 project, configure angular material and UI layout, routing, etc...
2. Access to protected APIs
   1. Access to unprotected API resources
   2. Another way to access the API across domains
3. Oidc-client.js, integrating angular client to identity Server 4
4. Other functions (top)
5. Other functions (bottom)