ASP.NET Core 2.1 Web API + Identity Server 4 + Angular 6 + Angular Material 实战小项目视频

C#

浏览数:533

2019-4-15

视频简介

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