这是我参加庚文挑战赛的第11天。 活动详情请查看:耿文挑战赛
前段时间开发一个小程序,需要选择跨平台的框架typescript做小程序,所以做了一些检查,记录在这里。
目前的跨平台解决方案大致分为以下三种,每种都有各自的优缺点。
结合项目自身情况,我选择了第三类框架,并结合支持多平台的需求,将重点锁定在Taro和uni-app之间。
框架 技术栈 陌陌小程序 H5App 支付宝/百度小程序
芋头
反应/Vue
✅
✅
✅
✅
统一应用程序
维埃
✅
✅
✅
✅
吴晓雅
维埃
✅
❌
❌
❌
mpvue
维埃
✅
✅
❌
❌
太郎开发商:
易迅
共同点和不同点:
Taro 在 App 端使用了 ReactNative 渲染引擎。 原生UI体验较好,但据说在实时交互和高响应操作方面并不理想。
就陌陌小程序而言,集成并不是那么顺利,有一些常用的功能还是需要自己封装。
另外,开发环境稍微困难一点,需要自己搭建iOS和Android环境,对于想要一处四地开发应用的傻操作来说有点复杂。
不过Taro3的出现支持React和Vue这两种DSL,适合的人更多了,对快速应用的支持也更好。
案件:
学习费用:
React、RN、小程序、XCode、AndroidStudio
uni应用程序开发者:
东云
共同点和不同点:
在App渲染方面,uni-app提供了原生渲染引擎和小程序引擎的双选方案,加上自身的一些技术优化(renderjs),使得在高性能和响应式场景下更加流畅。
另外,其整体的开发支持流程也非常简单易用。 比如有丰富的插件市场,使用方便,支持大量常见场景。
再比如它的定制IDE——HBuilder,提供了强大的集成能力。 在使用HBuilder之前,我心里想:“再装一个编辑器好麻烦,再好用,能不能像VSCode一样好用呢?” 用完后:“真香!”
其实我已经习惯VSCode了。 与之相比,还有一些痛点没有解决,对于跨平台开发过于友好,其他缺点还可以忍受。 HBuilder支持直接跳转到Momo开发者工具调试,支持真机实时预览,支持直接打包小程序和App,零门槛上手。
不过uni-app还不够成熟,开发中还存在一些坑,需要时不时去峰会社区寻找答案。
代表产品:
学习费用:
Vue、小程序
总结
目前跨平台的解决方案还不完善。 适合小程序和以H5为主的项目,以原生APP(RN)为辅,不涉及太复杂的交互项目。
uni-app开发容易,对于小型项目效率高,上手容易调试困难typescript做小程序,不适合中小型项目。 Taro3的开发流程稍微复杂一些,但是对复杂项目的支持会更好。 未来可以开放React和Vue,但新版本尚不支持RN。
如果不考虑原生RN的话,两者是类似的。 考虑到RN目前不支持Taro3,只能选择uni-app; uni-app开发效率高,自带IDE(HBuilderX),集编译、调试、打包于一体,对原生App开发体验友好。 ;就个人技术栈而言,我倾向于Taro/React,但从项目角度来看,uni-app/Vue 相对较短、平坦和快速,社区活跃度也较高。