ASP.NET Core 2.1 Web API + Identity Server 4 + Angular 6 + Angular Material 實戰小項目視頻

視頻簡介

ASP.NET Core Web API + Angular 6的教學視頻

我是后端開發人員, 前端的Angular部分講的比較差一些, 可以直接看代碼!!!!

 

這是一個小項目的實戰視頻, 該項目采用了:

• ASP.NET Core 2.1 做API

• Identity Server 4

• Angular 6

• Angular Material

這個項目比較簡單, 適合ASP.NET Core Web API 和 Angular 初學者.

 

項目最終完成的效果如圖:

 

 

 

 

視頻目錄

視頻專輯地址: http://v.qq.com/vplus/4cfb00af75c16eb8d198c58fb86eb4dc/foldervideos/8hk0029019k2fft

源碼以及PPT: https://github.com/solenovex/ASP.NET-Core-2.1-Angular-6-Demo

第一部分建立Web API及其CRUD功能

1. 建立ASP.NET Core項目, 以及Program和Startup的簡介
2. 配置ASP.NET Core項目
   1. 環境, HTTPS等    
   2. 添加Entity Framework Core 2.1支持
3. 繼續配置ASP.NET Core項目
   1. 添加Serilog
   2. 添加配置文件, 處理全局異常
4. 大致完成ASP.NET Core項目的建立, Resource Model, AutoMapper, FluentValidation
5. 實現后端的GET
   1. REST簡介, 以及GET的簡單實現
   2. 翻頁, 過濾, 排序等等
6. GET的塑性, HATEOAS, 自定義Media Type
7. POST, PUT, PATCH, DELETE, 實體驗證

第二部分, 建立Identity Server 4項目, 添加Mvc客戶端(測試用)

1. OAuth 2.0 & OpenId Connect 簡介 (可選)
2. 使用Mvc客戶端訪問被保護的API資源(處於測試的目的)

第三部分, 建立Angular項目, 使用Implicit Flow進行身份認證, 訪問被保護的API

1. 建立Angular 6項目, 配置Angular Material和UI布局, 路由等.....
2. 訪問被保護的API
   1. 訪問未被保護的API資源
   2. 跨域訪問API的另一種辦法
3. oidc-client.js, 集成Angular客戶端到Identity Server 4
4. 其它功能(上)
5. 其它功能(下)