UniApp or Taro技术选型对比

公司要做一套电商类小程序(多端),前端技术这块在uniapp和taro之间做选择,为此做了一次调研,顺便发表一篇博客,希望能帮助到广大开发者,哈哈哈哈,好了,不吹了


技术层面

均支持使用 npm/yarn 安装管理第三方依赖
均支持使用 ES6 甚至更新的ES规范
均支持使用 less/scss/ts 等预编译器

uniapp
使用 Vue.js 开发所有前端应用的框架
支持可视化构建(HBuildX)和npm or yarn 命令构建
开发工具:自家HBuildX

taro
支持使用 React/Vue/Nerv 等框架来开发
只能用npm or yarn构建
开发工具:官方推荐VScode并


夸端支持

Uniapp(11个平台)

H5
安卓
iOS
微信小程序
360小程序
百度小程序
支付宝小程序
字节跳动小程序
QQ 小程序
快手小程序
快应用
注:- 快应用仅支持 vivo 、oppo、华为
- 360小程序仅 windows平台支持,需要在360浏览器中打开

Taro(12个)

H5
ReactNative
微信小程序
京东小程序
百度小程序
支付宝小程序
字节跳动小程序
QQ 小程序
钉钉小程序
企业微信小程序
支付宝 IOT 小程序
飞书小程序


实际案例

uniapp:分布均匀,不同端之间都有实际案例
UniApp or Taro技术选型对比_第1张图片

taro:几乎都是微信小程序,其他端很少
UniApp or Taro技术选型对比_第2张图片
数据来源于官网(具体详情可自行查看)


社区活跃度

uniapp
UniApp or Taro技术选型对比_第3张图片
taro

总体而言二者大差不差,论坛上都是最新的消息,uniapp是几秒前几分钟前
taro的是几小时前几天前,并且uniapp有自己的论坛社区在dcloud官网下,而taro是寄居在gethub上的


可用轮子

uniapp(5139)
UniApp or Taro技术选型对比_第4张图片
taro(158)
UniApp or Taro技术选型对比_第5张图片


兼容性

兼容性这一块,taro大部分框架属性对微信小程序的支持最好,其余次之
uniapp对于不同平台无法兼容的一些属性提供了专用的属性
如下图

uniapp
UniApp or Taro技术选型对比_第6张图片
UniApp or Taro技术选型对比_第7张图片
UniApp or Taro技术选型对比_第8张图片
UniApp or Taro技术选型对比_第9张图片
taro
UniApp or Taro技术选型对比_第10张图片
UniApp or Taro技术选型对比_第11张图片


最后:根据个人实际构建测试分析

Uniapp:通过HbuiderX可视化构建和npm命令构建文件格式不同,可视化构建没有资源配置文件,容易在编译等阶段引发问题。编译后的dist文件夹对于不同端有明确划分

Taro:统一的命令构建构建,配置文件齐全,但编译后的不同端项目没有明确划分,需要逐个编译。官方提供了NutUI 视图组件(vue)以京东风格的一套视图组件(但经过测试,兼容性问题很大,并且自身存在问题)


*⚠️注:由于只是初步调研,且没有实际开发经验,以上言论仅供参考

你可能感兴趣的:(vue3.0,小程序)