IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 移动开发 -> Ionic5 打包 Android8 apk -> 正文阅读

[移动开发]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的位置所在
这时候可以 安装到安卓系统的手机或者安卓模拟器测试看看
在这里插入图片描述
失败乃常态 加油!
欢迎留言

  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章      下一篇文章      查看所有文章
加:2021-07-30 12:51:16  更:2021-07-30 12:52:23 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年5日历 -2024/5/19 9:43:28-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码