且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

asp.net core 2.0 web api + Identity Server 4 + angular 5 可运行前后台源码

更新时间:2022-03-04 17:06:35

前台使用angular 5, 后台是asp.net core 2.0 web api + identity server 4.

从头编写asp.net core 2.0 web api 基础框架:

使用Identity Server 4建立Authorization Server:

api的结构:

asp.net core 2.0 web api + Identity Server 4 + angular 5 可运行前后台源码

 

源码的使用:

后台源码: https://github.com/solenovex/asp.net-core-2.0-web-api-boilerplate 这里面有说明.

后台解决方案同时启动这两个项目:

asp.net core 2.0 web api + Identity Server 4 + angular 5 可运行前后台源码

运行即可, 需要的环境变量我写到了launchSettings.json文件.

默认使用的是localdb.

启动后如图:

asp.net core 2.0 web api + Identity Server 4 + angular 5 可运行前后台源码

asp.net core 2.0 web api + Identity Server 4 + angular 5 可运行前后台源码

asp.net core 2.0 web api + Identity Server 4 + angular 5 可运行前后台源码

asp.net core 2.0 web api + Identity Server 4 + angular 5 可运行前后台源码

asp.net core 2.0 web api + Identity Server 4 + angular 5 可运行前后台源码asp.net core 2.0 web api + Identity Server 4 + angular 5 可运行前后台源码

前台源码: 

链接: https://pan.baidu.com/s/1oClvI7IGNO1u1Ryozi0T9Q 密码: ywdb

然后执行npm install, 你可能需要全局安装angular cli.

安装后执行 npm start 即可:

asp.net core 2.0 web api + Identity Server 4 + angular 5 可运行前后台源码

asp.net core 2.0 web api + Identity Server 4 + angular 5 可运行前后台源码

asp.net core 2.0 web api + Identity Server 4 + angular 5 可运行前后台源码

asp.net core 2.0 web api + Identity Server 4 + angular 5 可运行前后台源码

asp.net core 2.0 web api + Identity Server 4 + angular 5 可运行前后台源码

下面是我的关于ASP.NET Core Web API相关技术的公众号--草根专栏:

asp.net core 2.0 web api + Identity Server 4 + angular 5 可运行前后台源码