前言
最近在研究uniapp打包成为可以安装的安卓应用,也就是apk安卓包。官网有很多资料,也有很多教程,但是资料太纷杂,没有前后紧密性,都是一个问题一个模块的,想要从无到有,从头到尾来一遍,很难串联起来,我照着网上的教程和官网的资料,折腾了一天,很多地方让人不知如何下手,所以简要记录一下能正常打包的操作流程(顺便吐槽一下,uni-ui的文档能不能像其他UI库那样好好规整一下,看的人无力吐槽。)
所有准备工作
2、 HBuilderX
注意:下载的HBuilderX版本和SDK版本必须一致,否则可能会导致异常。
HBuilderX版本
SDK版本
一、申请appkey
创建appkey需要应用相关签名信息,官方提供了一套测试用的公用签名和证书
签名信息可用于测试打包,不要用于正式发布,其信息如下:
MD5: 06:83:8C:C8:40:09:3B:9D:46:89:FC:41:9B:A1:A3:F3
SHA1: 97:C8:41:01:B9:14:1C:13:0D:D7:5D:74:28:A2:92:25:18:C3:6D:CD
SHA256: B0:1D:06:18:0D:00:3E:79:C7:B9:08:89:93:B8:E5:AE:7A:19:B0:DA:11:61:AA:09:7C:7F:39:8A:6F:51:4F:A7
应用签名: 06838cc840093b9d4689fc419ba1a3f3
公用证书 本地离线打包如果需要使用公共测试证书,可从这里下载。
证书密码:123456
证书别名:android
这里创建appid,需要填写上述信息生成。
这里按照官网教程创建appkey,这里先记住在哪里查看刚创建的appkey。
二、安装Android Studio 安装教程
从这里开始点击下载
到这里就算安装结束
安装结束以后,我们用 Android Studio打开我们之前下载的离线打包SDk,里面有demo项目,打开HBuilder-Integrate-AS
等依赖加载完成,可以点击这里切换到项目目录,查看完整目录结构
三、HBuilderX打包离线资源
通过 HBuilderX 可视化界面创建的项目
选择项目 -> 发行 -> 原生App-本地打包 -> 生成本地打包App资源
通过vue-cli命令行创建的项目
通过命令行 cd 到项目根目录,执行 npm run build:app-plus,会在 项目目录/dist/build/app-plus 下生成app打包资源。
新建一个文件夹,以 manifest.json 中的 appid 字段为文件名,然后在文件夹中创建一个 www 目录,将 app-plus 文件夹下的资源拷贝到 www 目录中。
如果 manifest.json 中的 appid 字段为空,需要将项目拖进 HBuilderX 中重新获取一个 appid。注意:appid不能随便填写,必须重新获取。
四、导入打包资源
找到打包资源,复制整个文件夹
找到以上路径,替换资源文件
五、修改相关配置文件
修改data文件夹下面的dcloud_control.xml的appid
配置Appkey
打开Androidmanifest.xml,修改android:value为之前创建的appkey
配置签名
将之前下载的官方提供的公共测试证书放到项目里
打开build.gradle,配置签名信息(别名、文件路径和密码等)
打包
打开控制台,不然不太好看到进度
点击locate即可看到apk所在的目录了,至此大功告成!