Ionic5 打包 Android8 apk

查看各处资料,瞎折腾两三天后终于 整出了成功的打包
10步即可完成 下载要多等待一会
在打包中会出现两次 node_model的报错 仔细看第7步的处理

1、下载SDK和Gradle


https://pan.baidu.com/s/1uPwNwpWC1TFhK5qgKaZH0Q
提取码:z1bz

2、解压


解压 android-sdk_r24.4.1-windows 和 gradle-6.7-bin
可以重命名一下对解压后的文件夹进行 重命名

这里我把android-sdk_r24.4.1-windows重命名为sdk

3、配置环境变量


1、配置系统变量的path变量
sdk的为platform-tools目录
gradle为bin目录
在这里插入图片描述

在这里插入图片描述

2、配置系统变量的ANDROID_HOME变量和ANDROID_SDK_ROOT变量
在这里插入图片描述
上处的sdk即为android-sdk_r24.4.1-windows解压后重命名的文件夹在这里插入图片描述

4、检查配置


打开cmd

gradle --version

在这里插入图片描述

adb --version

在这里插入图片描述

出现以上信息即配置成功

5、SDK下载Android依赖


打开解压后的android-sdk-windows文件夹
双击SDK Manager
在这里插入图片描述

勾选以下
在这里插入图片描述
在这里插入图片描述
建议把Extras也勾选下载了 方便后续开发
在这里插入图片描述
勾选成功后点击安装
在这里插入图片描述
在这里插入图片描述
等待下载完成即可

5、npm安装cordova

cnpm install -g cordova

6、给Ionic项目添加android框架


VSCode打开一个ionic项目在终端输入

ionic cordova platform add android@8.0

在这里插入图片描述

然后等待框架的添加…

7、添加Android过程中突然出现了报错


在这里插入图片描述
心态爆炸
我们先把 项目下的node_model文件夹删除
(如果提示 拒绝访问 删不掉 先把vscode关掉,再去删除)
在这里插入图片描述

然后打开VSCode回到终端 npm install 重新下载依赖
(注意是 npm 不是 cnpm 我也不知道为什么。。。)

在这里插入图片描述

然后重新添加框架

ionic cordova platform add android@8.0

等待添加完成
1分钟后终于不再报错框架添加成功

在这里插入图片描述
可以看到原本的项目目录多了许多新的文件夹
在这里插入图片描述

8、添加gradle包到项目


如果不添加在后续步骤会去外网下载gradle包 成功率低 我们可以直接把压缩包添加进去

把之前下载的gradle-4.10.3-all.zip复制到项目文件夹下的

\platforms\android\gradle\文件夹中
( gradle 文件夹如果没有需要新建 )
在这里插入图片描述
然后在VSCode打开 开项目文件夹下的 \platforms\android\cordova\lib\builders\ProjectBuilder.js 修改
路径仔细看
在这里插入图片描述
打开ProjectBuilder.js
找到distributionUrl 变量
找不到变量的的用Ctrl+F搜索吧
原变量

 var distributionUrl = process.env['CORDOVA_ANDROID_GRADLE_DISTRIBUTION_URL'] || 'https\\://services.gradle.org/distributions/gradle-4.10.3-all.zip';

替换为

var distributionUrl = process.env['CORDOVA_ANDROID_GRADLE_DISTRIBUTION_URL'] || '../gradle-4.10.3-all.zip';

保存

9、Http请求的支持


对于 高版本的Android 出于安全要求如果当前应用的请求是 htttp 请求,而非 https ,这样系统就会禁止当前应用进行该请求

此时我们修改\platforms\android\app\src\main\AndroidManifest.xml

在这里插入图片描述
原值

<uses-sdk android:minSdkVersion="19" android:targetSdkVersion="28" />

替换为 其实就28改成26

<uses-sdk android:minSdkVersion="19" android:targetSdkVersion="26" />

保存

10、生成APK包


完成以上步骤后 我们就进入了最后一步生成APK包
在VSCode终端执行

ionic cordova build android

这时又出现了node_model的报错 , 应该是依赖没有下载好
( 如果没有报错恭喜成功)
在这里插入图片描述
出现报错后 再次退出VSCode
删除node_model文件夹然后重新
npm install
下载依赖
下载完成后重新执行
ionic cordova build android**

等待后终于迎来成功
此目录就是apk的位置所在
这时候可以 安装到安卓系统的手机或者安卓模拟器测试看看
在这里插入图片描述
失败乃常态 加油!
欢迎留言

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值