记录uniapp打包Android的apk

1,252 阅读3分钟

前言

最近在研究uniapp打包成为可以安装的安卓应用,也就是apk安卓包。官网有很多资料,也有很多教程,但是资料太纷杂,没有前后紧密性,都是一个问题一个模块的,想要从无到有,从头到尾来一遍,很难串联起来,我照着网上的教程和官网的资料,折腾了一天,很多地方让人不知如何下手,所以简要记录一下能正常打包的操作流程(顺便吐槽一下,uni-ui的文档能不能像其他UI库那样好好规整一下,看的人无力吐槽。)

所有准备工作

1、 Android Studio官网

2、 HBuilderX

3、 最新android平台SDK下载

注意:下载的HBuilderX版本和SDK版本必须一致,否则可能会导致异常。

HBuilderX版本

image.png

SDK版本

image.png

一、申请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

image.png

这里创建appid,需要填写上述信息生成。

image.png

这里按照官网教程创建appkey,这里先记住在哪里查看刚创建的appkey。

二、安装Android Studio 安装教程

从这里开始点击下载

image.png

到这里就算安装结束

image.png

安装结束以后,我们用 Android Studio打开我们之前下载的离线打包SDk,里面有demo项目,打开HBuilder-Integrate-AS

image.png

等依赖加载完成,可以点击这里切换到项目目录,查看完整目录结构

image.png

三、HBuilderX打包离线资源

通过 HBuilderX 可视化界面创建的项目

选择项目 -> 发行 -> 原生App-本地打包 -> 生成本地打包App资源

image.png

通过vue-cli命令行创建的项目

通过命令行 cd 到项目根目录,执行 npm run build:app-plus,会在 项目目录/dist/build/app-plus 下生成app打包资源。

新建一个文件夹,以 manifest.json 中的 appid 字段为文件名,然后在文件夹中创建一个 www 目录,将 app-plus 文件夹下的资源拷贝到 www 目录中。

avatar

如果 manifest.json 中的 appid 字段为空,需要将项目拖进 HBuilderX 中重新获取一个 appid。注意:appid不能随便填写,必须重新获取。

avatar

四、导入打包资源

image.png

找到打包资源,复制整个文件夹

image.png

找到以上路径,替换资源文件

五、修改相关配置文件

修改data文件夹下面的dcloud_control.xml的appid

image.png

配置Appkey

打开Androidmanifest.xml,修改android:value为之前创建的appkey

image.png

配置签名

将之前下载的官方提供的公共测试证书放到项目里

image.png

打开build.gradle,配置签名信息(别名、文件路径和密码等)

image.png

打包

打开控制台,不然不太好看到进度

image.png

image.png

image.png

点击locate即可看到apk所在的目录了,至此大功告成!