後臺框架複用性及擴展性解決方案探尋之旅

框架複用性及擴展性解決方案

文章視頻和文章大部分來自於極客時間的每日一課, 須要會員, 這裏有優惠券, 非廣告~

靈魂叩問:

• 一個框架如何如何適用多個項目或系統，難道新項目來了，把業務代碼刪除後，複製粘貼一把梭？
• 後臺系統處處都是相似的表單、表格、圖表，不少時候都在複製粘貼，難道不是在浪費生命？
• A項目寫了一堆組件到B項目又來一遍，各個項目重複造輪子，有意思？
• A項目寫了一堆組件，都複製到B項目，一個文檔也沒有，難道讓人讀你寫的垃圾代碼？
• 組件不復制粘貼了，而造成了npm包，發佈到私有倉庫，組件A、組件B、組件C依賴於組件core，當core更新後，難道要一個一個的去升級A、B、C？？

國內已有實踐

• 阿里巴巴 umijs，經過cli工具，打通從建立到發佈全流程；
• 百度 amis，前端低代碼框架，經過 JSON 配置就能生成各類後臺頁面；
• 阿里巴巴 飛冰，可視化構建頁面；

相關文章和視頻

• 後工程化時代的通天塔: 經過一站式可視化平臺, 打造了先後端比例20:1的效果, 而且達到了前端無需寫頁面,讓後端和業務人員寫頁面的效果;
• 51 信用卡前端研發基礎體系建設與工程化演進: 前端從0到1, 從工具化到平臺化, 用工程的思惟解決人工問題, 51信用可團隊的工程實踐值得中小公司借鑑;
• VUE組件庫建設實踐: 組件庫建設實踐, 解答了什麼的組件庫是好的, 如何管理和維護組件庫以及組件庫的發展方向;
• 框架開發中的基礎設施搭建: 本篇文章主要分享了一個在大多數公司都會遇到的問題即: 1個框架怎麼適用於多個項目? 做者從公司的實踐給了一些建議和解決思路;
• 螞蟻金服前端框架和工程化實踐: 主要介紹了 umi 一統江湖的歷程, 用 cli 工具打通從項目建立到發佈上線的全流程賦能, 極大下降開發的難度, 值得思考和借鑑;
• 前端路上的思考: 阿里前端委員會主席, 以史爲鑑, 分析了當下前端的發展趨勢, 爲咱們發展提供借鑑意義, 以及發出了靈魂叩問, 爲何老是別人引領趨勢, 是咱們能力問題嗎, 是咱們沒思考嗎, 值得咱們學習和反思。

框架複用性問題

基礎框架（三種可選方案）

• vue-cli 3.x preset 項目模板
• git 簡單管理框架項目
• 自研 cli 工具

組件庫建設

版本依賴更新問題

• lerna 作源碼管理，自動更新依賴版本
• 在 CI 環節所版本檢查

• 基礎組件
• 業務組件
• 塊級組件
• 頁面組件
• 組件及頁面可視化生成

功能拆分

• 監控體系（異常、性能、用戶行爲...)
• MOCK
• 部署
• 權限
• 路由
• ...

擴展性

模塊拆分

• 微前端
• MPA

若是您有其它好的解決方案分享，必定在下方留言，重要人人獻出一份愛，世界將變成美好的人間！