小程序多端框架全面测评对比,强烈推荐!

dylinchen 4663 2022-11-14

张小龙曾在讲座上阐述小程序理念的精髓,小程序承载着张小龙及微信团队对未来程序形态的一种见解,总结为五个字:所见即所得。

原文如下:它是一种真正的所见即所得的形态,我说的所见即所得不同于在PC时代,我们在画图或者UI上面的所见即所得,而是说我们看到的任何具体的一些事物,它就包含了它的信息,包含了对信息的处理在里面。

这是我对于未来应用程序的形态的希望吧。我认为所有的应用程序应该是一种无处不在,但是又可以随时访问的一种状态。

开发者在使用常见的第三方小程序框架如 tarokboneuniapp会发现各家框架厂商都宣称通过自己的框架能编译出不同平台下最好用最流畅的小程序开发者受限于精力与时间不够也无法对其进行足够仔细地辨别与区分

在本文中使用不同的编译框架编译出不同平台的小程序 DEMO并在 iOS 与 Android 设备中进行实际体验对比针对小程序的稳定性框架支持度列表渲染性能操作系统支持度组件支持度与跨平台性进行综合对比从而帮助开发者找出最适合自己的小程序平台与框架

测试设备与环境

本次测试中使用了 FinClip 日常测试环境中的三款设备机型分别是

iPhone XS系统版本为 iOS 13.5

三星 SM-J3300系统版本为 Android 9

荣耀 50 JLH-AN00系统版本为 Android 11

本次使用的宿主 App 与版本如下

微信iOS 端版本为9.0.17Android 端版本为 8.0.18

支付宝iOS 端版本为 10.2.53Android 端版本为 10.2.53

今日头条iOS 端版本为 8.6.2Android 端版本为 8.6.6

百度iOS 端版本为 13.2Android 端版本为 13.2

FinClip AppiOS 端版本为 2.35.2Android 端版本为 2.35.3

本次测试使用的 DEMO 如下

taro-uikboneuniapp 官方 demo

测试流程

为了保证最终能够得到公平一致的测试结果我们使用了如下的评测方式

image.png


相同的测试流程才能保证公平的测试结果

DEMO 与列表渲染测试

Taro

我们从 Github 中-了官方的示例 DEMO 文件并在各个 IDE 中进行编译预览

image.png

image.png

image.png




首先是在 IDE 中进行编译展示通过上图可以看出各家小程序平台对于该 DEMO 都能够进行正常的渲染与体验但是在实际测试过程中我们发现支付宝小程序 IDE 在进入视图页面时会提示报错在使用真机打开视图页面时也会报错如下图

image.png


使用支付宝 IDE 进入视图界面时会报错

当使用真机预览进入高阶页面时还会遇到底部日历遮挡的问题


月末的日历组件无法全部显示

此外我们为了测试 Taro 对于列表的渲染能力还使用了 taro-msparis 这个项目Msparis 项目基于 Taro构建了一个时装衣橱的项目演示涉及了一个电商平台完整的业务逻辑和功能点分别使用真机在首次渲染更新列表的情况下进行多次测试得出结果如下


值得一提的是在使用三款手机进行真机测试时头条小程序均无法正常运行使用三星手机打开百度智能小程序时也无法正常渲染


kbone

我们从 Github 中-了由 DCloud 提供的 kbone 示例 DEMO 文件并在 IDE 中进行编译预览



仅有微信开发者工具与 FIDE 可完成小程序编译

同样我们分别使用真机在首次渲染更新列表的情况下进行多次测试得出结果如下


由于 kbone 仅支持微信小程序语法因此仅在微信开发者工具与   FIDE 中进行了测试支付宝官方提供了 Antmove但尝试后发现依然无法编译

uniapp

我们从 Github 中-了官方的示例 DEMO 文件并通过 uniapp 进行跨端编


按照不同平台的要求输出对应的小程序并在各个 IDE 中进行编译预览






除了支付宝小程序无法编译都可以正常运行

在 IDE 中进行编译展示时除了支付宝小程序 IDE 会提示编译失败以外剩下的小程序 IDE 都完成了对应的编译与预览操作此外我们也使用了 uniapp 的 DEMO 对于列表渲染进行多次测试测试方式依然是使用真机在首次渲染更新列表的情况下进行多次测试得出结果如下


综合对比

根据前文测试与对比结论我们分别基于稳定性小程序框架支持度列表渲染性能操作系统支持度组件支持度跨平台性进行综合考量与对比

稳定性

根据三种机型的测试体验在头条小程序与百度智能小程序中安卓机型的运行效果是不稳定的尤其在头条小程序中Taro 框架的列表展示 DEMO 三台机器均无法正常打开而百度小程序则会出现在安卓低端机型中无法正常打开的情况

👉 根据本次测试结果稳定性排序如下

微信小程序 = FinClip = 支付宝小程序 > 百度智能小程序 > 头条小程序

小程序框架支持度

可以看出各平台都已经支持了在 Taro 和 uniapp 框架下的小程序但个别功能依然存有 Bug在头条小程序中可以运行简单的 DEMO但复杂 DEMO 安卓端几乎全军覆没

而在 kbone 框架中只有微信小程序与 FinClip 支持运行且都能正常运行体验当我们使用 Antmove 工具转换后依然无法在支付宝小程序中正常运行

👉 根据本次测试结果框架支持度排序如下

微信小程序 = FinClip > 支付宝小程序 = 百度智能小程序 > 头条小程序

列表渲染性能

根据测试数据微信小程序FinClip支付宝小程序在列表渲染性能上是比较接近的出乎意料的是百度智能小程序在这些 DEMO 测试中渲染耗时最少头条小程序则因表现不稳定暂不参与排序

👉 根据本次测试结果渲染性能排序如下

百度智能小程序 > 微信小程序 = FinClip = 支付宝小程序

操作系统支持度

根据测试结果整体来看当前所有小程序在 iOS 操作系统中的体验是优于Android 操作系统的我们后续将会引入鸿蒙系统进行测试对比

组件支持度

考虑到当前市场中微信小程序的领军地位我们以微信小程序组件对标支持度作为了评比标准之一

👉 根据本次测试结果组件支持度排序如下

微信小程序 >   FinClip > 百度智能小程序 > 头条小程序 > 支付宝小程序

👉 而如果以各平台中组件数量进行排序排序如下

支付宝小程序 > 微信小程序 > 百度智能小程序 > FinClip > 头条小程序

跨平台性

在参与对比的五个小程序平台中只有 FinClip 在支持自身语言之外还同时兼容微信小程序的语言相比支付宝小程序头条小程序而言FinClip 的兼容性更强无须使用代码转换工具就能与微信小程序共用一套代码在上架双平台时也能避免因代码转换所引起的其他问题与 Bug


以上就是小编整理的小程序多端框架全面测评对比

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:启蒙篇-立志做PLC圈子里的IT大拿 | 利用VB编写程序读取PLC数据
下一篇:一文读懂PLC的通讯方式-AB以太网拓扑方式
相关文章

 发表评论

暂时没有评论,来抢沙发吧~