abp vNext先后端分类指南

1、前景

abp vNext是ABP 开源 Web应用程序框架，是abp的新一代开源web框架。框架完美的集成.net core、identity server4等开源框架，适用于构建web应用程序和微服务，相比上一代abp框架，abp vNext更灵活更轻便更适用于微服务。

主要特性：

1. 模块化架构：模块化设计,可从底到顶进行延伸.

2. 聚焦微服务：支持微服务架构有助于构建自主微服务.

3. 领域驱动设计：根据DDD模式和原则设计和开发.为应用程序提供分层模型.

4. 受权：具备用户,角色和细粒度权限系统的高级受权系统. 构建在Microsoft Identity框架.

5. 多租户：SaaS应用程序开发变得简单!从数据库到UI的集成多租户.

6. 横切关注点：完整的基础架构,用于受权,验证,异常处理,缓存,审计日志记录,事务管理等.

项目状态：

ABP是开源ASP.NET Boilerplate框架的下一代框架, 它目前处于早期预览阶段,还没有准备好在生产中使用. 文档仍在进行中,远未完成。对于短时间和生产级应用程序, 建议使用ASP.NET Boilerplate框架,该框架具备丰富的功能集,成熟,积极维护和最新。

abp vNext推出半年GitHub上已有2k多star，项目经历5千屡次提交，基础框架功能已经十分完善。特别值得关注的是abp vNext中的微服务最佳实践。abp vNext微服务实践中已经搭建好一个微服务架构，而且提供了基础的后台管理UI(MVC风格)，可是对于企业级的后台管理还没法知足。

开始前：

本篇将介绍abp vNext微服务实践中的先后端分离指南，前端框架会使用VUE，不过各大前端框架的集成其实大同小异，所以对于angular、react框架的替换也是十分轻松的。

2、开始分离

step1：启动并发布后台服务

在替换前端框架前必须先发布后台服务，启动和发布过程在前几篇中已经介绍，abp vNext官方文档也有启动教程。

step2：启动vue-element-admin框架

vue后台框架中vue-element-admin热度最高，使用量也最大，我的或者中小型团队最为适合。启动文档：https://panjiachen.gitee.io/vue-element-admin-site/zh/

step3：修改vue-element-admin登陆

vue-element-admin登陆权限官方示例：http://www.javashuo.com/article/p-hjvxfzvw-km.html

个人实践教程：http://www.javashuo.com/article/p-zpkiwdjk-bq.html

step4：vue-element-admin接入abp vNext权限

vue-element-admin登陆权限官方示例：http://www.javashuo.com/article/p-hjvxfzvw-km.html

个人实践教程：http://www.javashuo.com/article/p-nuktprrm-by.html

3、体验

登陆示例

 

 微服务示例

 3、总结

abp vNext微服务的先后端分离比较容易，目前许多优质的前端UI框架都是开箱即用的，重点在于对abp vNext微服务的深刻了解。abp vNext的文档还不够完善，想要灵活的驾驭abp vNext微服务须要对abp框架和ddd架构有很深刻的了解，所以不建议没有经验的团队使用abp vNext微服务。