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. 其它功能(下)