背景
- 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 杰仔