[Abp vNext微服务实践] - 前后端分类

一、前景

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框架的替换也是十分轻松的。

二、开始分离

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登录权限官方示例：https://juejin.im/post/591aa14f570c35006961acac

我的实践教程：https://www.cnblogs.com/william-xu/p/11249800.html

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

vue-element-admin登录权限官方示例：https://juejin.im/post/591aa14f570c35006961acac

我的实践教程：https://www.cnblogs.com/william-xu/p/11274431.html

三、体验

登录示例

微服务示例

三、总结

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

文章目录：https://www.cnblogs.com/william-xu/p/12047529.html