小程序开发技术框架选型

背景

• 1、业务：公司扩展业务，需要同时开发小程序、公众号、H5移动的等多个平台的服务，在功能、UI交互上基本一致。
• 2、团队：前端开发团队，技术栈上基本都熟悉Vue框架，原生小程序框架熟悉了解的几乎没有，除了专门写小程序的新同事。
• 3、成本考量：若为单独为小程序、公众好、H5各开发一套代码，开发时间*3；后期维护上，得专门找一个熟悉小程序的人员才能进行，不利于推广，调用整个前端团队能力
  基于以上考量，迫切需要统一技术框架，能够同时支持兼容多平台的高可用框架。

技术框架选型

前文说到，开发团队都熟悉Vue框架，框架选型必须基于Vue这个前提。经过一番搜索调查，找到基于Vue语言且支持小程序、H5等多平台的的技术框架有mpvue、nui-app两个。最终框架也将在这两个中选择，那么选择哪一个好呢？
与但与开发的同事一起对其研究分析，定下评判唯独与标准，最后汇总确认选择。
首先定下评分标准：

• 5分完美
• 4分些许不足总体不影响
• 3分一般（勉强能用）
• 2分缺陷严重
  评判维度：
• 1、gitHub评分
• 2、社区的活跃程度（官方是否有维护、持续更新，与用户交互）
• 3、不同平台兼容性（小程序、H5的兼容性、移植性）
• 4、是否有组件库、原生api、第三方插件的支持
• 5、是否有公司／用户使用该框架并投入使用
  根据评判维护评分分析汇总最终得出：
  1、mpvue
  美团官方推出框架，推出时间早，在gitHub上有18500+；
  基于Vue、Vue-cli2开发，支持Vue语法；
  最新代码更新已经是N久以前，市区活跃度低，提问、评论寥寥无几，且提问并无多少答复；
  官方推出的使用案例，基本上都是小程序，使用手册也基本上没有H5相关，只能在gitHub上找到同时支持小程序、H5案例，是私人自己改造的；
  没有组件库支持，需要自己引入第三方UI（同事在demo中引用出现样式不生效等兼容性问题）
  2、uni-app
  dcloudio团队开发推出的框架，在gitHub上有120000+，推出时间晚于mpvue；
  基于Vue、Vue-cli3开发，支持Vue语法；
  社区活跃度高，在查看时候仍然有不少在社区上的交互，有微信交流群，官方会有解答更新；
  有属于自己官方维护的组件库、有自己的第三方插件市场（官方维护兼容性高）；
  官方推出的使用案例不仅有小程序，还有H5。有CSDN这些大厂使用；
  有同事朋友使用过，一年多了没有出现明显漏洞；

综上所述，mpvue缺陷较多，官方甚至已经停止更新维护了；uni-app生机勃勃，充满活力，更加适合使用。

@by 杰仔