最近遇到需要打包app壳h5的情况。于是就有了以下对比。
目标框架筛选
目前市面上的跨端框架一款又一款是相当的多,有新的框架出现那么也就意味着会有旧框架被淘汰,那么选择一款适合自身的框架就显的十分重要了。 基于我们自身情况筛选后用来对比的框架有以下:
- uni-app uniapp.dcloud.net.cn/
- taro docs.taro.zone/docs/react-…
- Chameleon cml.js.org/
首先第一原则就是得挑选出还在进行维护的库,走上面对比中可以看出 chameleon在2021年后就没有在进行维护,而uni-app跟taro至今还有在发版
所以经过一轮淘汰下来剩下uni-app 跟 taro
开发使用语言支持
- taro支持使用vue3、react
- uni-app 支持使用vue2/vue3
这里就仁者见仁智者见智了
使用uniapp打包app
1. 云打包
正常开发h5这里就不过多阐述,我们直接测试如何打包安卓壳
以上代码为嵌入h5地址写法,首先我们允许HBuilderX.exe,导入项目运行
- 点击发行
- 弹出弹窗我们选择android 勾选打正式包,快速安心打包
- 就可以打错安卓包了
如何开启app 横屏模式
如何调整包sdk依赖版本
其中3.0.0 - 之后的39812为对应的版本号调整这块即可,例如我需要3.98版本,则3.0.0-3980020238817001
-
目前先测试了uniapp 打包,因为可以使用云打包省去了离线打包环境的安卓相对更为便捷,后续加上离线打包以及使用taro打包app壳测试