Uni-App之离线打包(Android)

本文根据(https://www.gjtool.cn/articles/2019/11/19/1574146236834.html)整理而来。非常感谢作者的精心制作,以及无私的技术分享。
时间:

2020/3/25

AS版本:

Android Studio 4.0 Beta 3
Build #AI-193.6494.35.40.6296804, built on March 15, 2020
Runtime version: 1.8.0_242-release-1644-b01 amd64
VM: OpenJDK 64-Bit Server VM by JetBrains s.r.o
Windows 10 10.0
GC: ParNew, ConcurrentMarkSweep
Memory: 1246M
Cores: 4
Registry: ide.new.welcome.screen.force=true

HBuilder X 版本:

2.6.5.20200314

一、安装Android Studio

地址:https://www.androiddevtools.cn/

Uni-App之离线打包(Android)_第1张图片

Uni-App之离线打包(Android)_第2张图片
接受协议下载
安装
Uni-App之离线打包(Android)_第3张图片

Uni-App之离线打包(Android)_第4张图片

Uni-App之离线打包(Android)_第5张图片

Uni-App之离线打包(Android)_第6张图片

Uni-App之离线打包(Android)_第7张图片

Uni-App之离线打包(Android)_第8张图片

安装好了之后,打开Android Studio

Uni-App之离线打包(Android)_第9张图片

Uni-App之离线打包(Android)_第10张图片

Uni-App之离线打包(Android)_第11张图片

Uni-App之离线打包(Android)_第12张图片

Uni-App之离线打包(Android)_第13张图片

Uni-App之离线打包(Android)_第14张图片

Uni-App之离线打包(Android)_第15张图片

Uni-App之离线打包(Android)_第16张图片

Uni-App之离线打包(Android)_第17张图片

Uni-App之离线打包(Android)_第18张图片

Uni-App之离线打包(Android)_第19张图片

等它下载完毕,
如果网不好很可能下载不了,

解决办法(原文作者推荐,本人未实践)
把 Android Studio关掉
打开浏览器进入http://services.gradle.org/distributions/
下载对应版本的gradle
进入到C盘
C:\Users\Administrator.gradle\wrapper\dists\gradle-5.4.1-all\3221gyojl5jsh0helicew7rwx
把里面的文删掉
(具体路径按各自电脑来,我的是Administrator用户,gradle版本是gradle-5.4.1-all)
把下载下来的gradle解压放到这个文件夹

然后再打开 Android Studio

二、下载最新5+SDK

https://ask.dcloud.net.cn/article/103

Uni-App之离线打包(Android)_第20张图片

Uni-App之离线打包(Android)_第21张图片
下载好之后,解压

Uni-App之离线打包(Android)_第22张图片
在Android stutido打开解压缩文件夹中HBuilder-Hello项目

Uni-App之离线打包(Android)_第23张图片
在Android stutido打开解压缩文件夹中HBuilder-Hello项目

Uni-App之离线打包(Android)_第24张图片

如果出现下图所示红色字警告,就点击蓝色字体install
Uni-App之离线打包(Android)_第25张图片
选择accept,点击next继续
Uni-App之离线打包(Android)_第26张图片
等待下载完毕

Uni-App之离线打包(Android)_第27张图片

Uni-App之离线打包(Android)_第28张图片

如果对应的gradle下载不了,那就打开浏览器去手动下载对应版本的
http://services.gradle.org/distributions/
重复第一步安装 Android Studio时候下载替换gradle的步骤

三、用HubilderX将自己的项目生成离线文件,替换HBuilder-Hello项目

1. 打开HubilderX,把自己需要离线打包的项目生成离线文件
Uni-App之离线打包(Android)_第29张图片

Uni-App之离线打包(Android)_第30张图片
2. 打开Android Studio,替换项目文件

打开Android Studio,鼠标右键打开文件位置,删除HBuilder-Hello项目(即HelloH5文件夹),替换为刚刚自己打包的离线文件例如 __UNI__AA35FF5这样的文件夹


Uni-App之离线打包(Android)_第31张图片

Uni-App之离线打包(Android)_第32张图片
3. 替换appid

刚刚生成的离线文件夹名称其实就是你的app的appid,如下图所示替换


Uni-App之离线打包(Android)_第33张图片
4. 替换打包的包名

打包包名格式标准是 xxx.xxx.xxx ,例如 com.uniapp.test,
包名可以在HBuilder打包的地方查看,建议复制,避免输入错误



这里有两个地方需要替换


Uni-App之离线打包(Android)_第34张图片

Uni-App之离线打包(Android)_第35张图片
5. 替换app图标,启动图等
Uni-App之离线打包(Android)_第36张图片

真实路径


6. 修改app名称
Uni-App之离线打包(Android)_第37张图片
7. 修改微信支付,分享等插件的打包代码

如图,右侧的 io.dcloud.HBuilder.wxapi 修改为你刚刚改的包名,例如
com.uniapp.test.wxapi
左侧红框部分,文件夹名称io.dcloud.HBuilder.wxapi也需修改为com.uniapp.test.wxapi


Uni-App之离线打包(Android)_第38张图片
8. 【按需修改】修改各模块的权限,按需要修改,不需要的可以注释,自定义插件也需要在这里定义模块权限
Uni-App之离线打包(Android)_第39张图片
9. 【按需修改】第三方插件的key,appid等配置

https://ask.dcloud.net.cn/article/13141

10. 文档参考
  • 离线打包插件配置 https://ask.dcloud.net.cn/article/211
  • 离线打包指南 https://ask.dcloud.net.cn/article/508

四、调试相关: Android Studio连接手机调试

Uni-App之离线打包(Android)_第40张图片

Uni-App之离线打包(Android)_第41张图片
2.还是在这个界面,选择自己手机的Android SDK,我是米5 是安卓8.0 如图我就勾选安装了8.0。按自己实际情况选择
Uni-App之离线打包(Android)_第42张图片
3.进入电脑“设备管理器”安装驱动
Uni-App之离线打包(Android)_第43张图片
4.如上图右键点击你手机名字,选择更新驱动,接着选择“浏览我的计算机……”。地址定位到上面下载usb驱动时的地址
Uni-App之离线打包(Android)_第44张图片
5.点击下一步更新成功即可。
6.打开手机开发者模式,各厂商手机版本打开方式可能不一样,具体可以百度。

开发者选项 打开这个这个目录下的“USB调试”“USB安装”“USB调试(安全设置)”

7.进入AS 开始调试 如果驱动安装无误进入AS 点击“Run-Run"app" ”
7.1如果报错Error while executing: am start -n "io.dcloud.HBuilder/io.dcloud.PandoraEntry" -a android.intent.action.MAIN -c应该是手动卸载了app导致的。
Uni-App之离线打包(Android)_第45张图片

Uni-App之离线打包(Android)_第46张图片

进入sdk 目录 Android\Sdk\platform-tools
platform-tools 目录下有 adb.exe
cmd 进入 platform-tools 目录
执行命令 adb uninstall io.dcloud.HBuilder


Uni-App之离线打包(Android)_第47张图片
8.在手机界面允许安装APP,到此为止就成功了。

五、使用自己的证书打包

Uni-App之离线打包(Android)_第48张图片

Uni-App之离线打包(Android)_第49张图片

Uni-App之离线打包(Android)_第50张图片
keyAlias 是keystore文件的别名
Uni-App之离线打包(Android)_第51张图片
release发布版
Uni-App之离线打包(Android)_第52张图片

你可能感兴趣的:(Uni-App之离线打包(Android))