使用uniapp - 开发安卓/ios包

410 阅读1分钟

最近遇到需要打包app壳h5的情况。于是就有了以下对比。

目标框架筛选

目前市面上的跨端框架一款又一款是相当的多,有新的框架出现那么也就意味着会有旧框架被淘汰,那么选择一款适合自身的框架就显的十分重要了。 基于我们自身情况筛选后用来对比的框架有以下:

  1. uni-app uniapp.dcloud.net.cn/
  2. taro docs.taro.zone/docs/react-…
  3. Chameleon cml.js.org/

首先第一原则就是得挑选出还在进行维护的库,走上面对比中可以看出 chameleon在2021年后就没有在进行维护,而uni-app跟taro至今还有在发版

所以经过一轮淘汰下来剩下uni-app 跟 taro

开发使用语言支持

  1. taro支持使用vue3、react
  2. uni-app 支持使用vue2/vue3

这里就仁者见仁智者见智了

使用uniapp打包app

1. 云打包

正常开发h5这里就不过多阐述,我们直接测试如何打包安卓壳

image.png 以上代码为嵌入h5地址写法,首先我们允许HBuilderX.exe,导入项目运行

  1. 点击发行
  2. 弹出弹窗我们选择android 勾选打正式包,快速安心打包
  3. 就可以打错安卓包了 image.png
如何开启app 横屏模式

image.png

如何调整包sdk依赖版本

image.png

其中3.0.0 - 之后的39812为对应的版本号调整这块即可,例如我需要3.98版本,则3.0.0-3980020238817001

-

目前先测试了uniapp 打包,因为可以使用云打包省去了离线打包环境的安卓相对更为便捷,后续加上离线打包以及使用taro打包app壳测试