一、前景#
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微服务。