公司新产品要求发布到各家小程序,最近研究对比了社区主流的几家小程序开发框架,独坑不如拉人众坑,分享给各位,欢迎和我一起入坑:)
背景
最近老板不知怎的很重视各种小程序平台,感觉要靠小程序完成今年大半kpi。。。 产品和运营自然找我们要方案,一方面要快速铺开各种小程序,另一头hr又不给前端团队加headcount,我只能
目前几杆枪,主要在微信和H5上,若按照各家规范进行原生小程序开发,肯定是不够的;
所幸业内有人在做跨各种小程序的框架,趁机研究一番,看看到底做的怎么样。
可选的小程序框架
我们主要分析了如下小程序开发框架(应该差不多全了),主要包括:
框架 | 技术栈 | 案例 | 微信小程序 | 支付宝小程序 | 百度小程序 | 头条小程序 | H5 | App |
---|---|---|---|---|---|---|---|---|
Taro | React | 丰富 | ⭕ | ⭕ | ⭕ | ⭕ | ⭕ | ⭕ |
娜娜奇 | React | 少 | ⭕ | ⭕️ | ⭕️ | ⭕️ | ⭕️ | ❌ |
wepy | Vue | 丰富 | ⭕ | ❌ | ❌ | ❌ | ❌ | ❌ |
mpvue | Vue | 丰富 | ⭕ | ❌ | ❌ | ❌ | ⭕️ | ❌ |
uni-app | Vue | 丰富 | ⭕ | ⭕️ | ⭕️ | ⭕ | ⭕️ | ⭕ |
megalo | Vue | 少 | ⭕ | ⭕️ | ⭕️ | ❌ | ❌ | ❌ |
OKAM | Vue | 少 | ⭕ | ⭕ | ⭕ | ⭕ | ❌ | ❌ |
Mpx | Vue | 少 | ⭕ | ❌ | ❌ | ❌ | ❌ | ❌ |
Tips:如上表格包含了各框架在微信、支付宝、百度、头条、H5、App多平台的支持情况,鉴于掘金的markdown表格排版限制,你需要向右滑动查看完整支持对比。
我们的筛选权重:
- 跨端:权重最高,毕竟第一诉求就是覆盖各家小程序,故wepy、mpx这种针对微信小程序的增强型开发框架首先排除,其次mpvue虽支持 H5 平台代码复用ÿ