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微服務。