前言:

由于 ionic是可以进行多平台打包运行的,现在我们就来看看如何在Android和iOS中平台中进行运行:

ionic 添加到Android平台:

执行的命令为:

//将ionic src中的代码添加到 Android
ionic platform add android
//使用 cordova 创建一个Android 项目
ionic cordova build android
//直接在Android设备上运行
ionic cordova emulate android

ionic platform add android

ionic cordova build android


这时候我们发现出现一个错误:路径中没有Android sdk,现在我们需要去下载sdk 并配置到环境变量中。如何安装过Android studio ,可以直接在Android studio中得到sdk。
sdk下载地址:https://android-sdk.en.softonic.com/download
安装好后,在环境变量中直接添加:


我这里由于安装过Android studio 所以我直接使用 已经存在的sdk 和sdk下的platform-tools,
然后在新的cmd窗口中运行ionic cordova build android
又出现一个错误:


说什么java环境配置出错 并且需要一个 gradle ,
可是我明明有java环境的啊,


后来发现D:\Program Files\Java\jdk1.8.0_144\bin后面不能有bin,好的,我们去掉bin,
再次在新的cmd窗口中运行ionic cordova build android
又出现了刚刚那个错误


这是为什么?明明java都已经修改了。
然后再仔细检查发现:还有一个gradle为配置:

Gradle是一个基于Apache Ant和Apache Maven概念的项目自动化构建工具。它使用一种基于Groovy的特定领域语言(DSL)来声明项目设置,抛弃了基于XML的各种繁琐配置。

注意:

ionic3.x以后打包Android apk需要使用gradle进行编译。

然后我们去下载 gradle:
gradle 下载地址:http://services.gradle.org/distributions/
下载后解压,并在环境变量的系统变量中配置,我这里下载的是gradle-3.3


需要注意的是gradle后面需要bin

再次在新的cmd窗口中运行ionic cordova build android


OK,打包成功。
可以看到我们apk安装包的路径:

使用Android studio 运行ionic 打包过后的项目:

我们可以在ionic 项目中 找到 platforms文件夹;


我们可以直接使用 Android studio打开 该文件夹下面的 android文件,这就是一个Android 项目,
ok,使用ionic3 打包Android 项目就介绍到这里:

ionic3 打包iOS项目

// 添加iOS项目
$ ionic platform add ios
// 把src里的内容同步到ios项目中(src后面会讲到)
$ ionic cordova build ios
// 运行iOS项目,相当于在Xcode里面按Command+R
$ ionic cordova emulate ios

打包iOS项目和打包Android项目大同小异,由于我的电脑是 windows的,所以无法打包iOS 项目会出现下面错误:

ionic3编译到Android 相关配置相关推荐

  1. Android学习之登陆界面设计(一)前后期准备以及相关配置

    Android学习之登陆界面设计(一)前后期准备以及相关配置 前言 成品 成品样式 成品特点 工具 系统配置 手机配置 Android Studio 3.6.3 SDK 图片来源 矢量图标库 Back ...

  2. Android系统开发篇(四) —— Samba服务器的搭建和相关配置

    书接上文,上文中我们说到了Android源码的下载和编译,那么为了高效率的操作和便于在Windows系统中去读取和修改源码:我们采用了Samba文件服务器,这个在linux行业里可以必备的技能.当然S ...

  3. 【Android Gradle 插件】ProductFlavor 配置 ( applicationId 配置 | SdkVersion 相关配置 | version 应用版本配置 )

    文章目录 一.ProductFlavor 配置 1.applicationId 配置 2.minSdkVersion 配置 3.targetSdkVersion 配置 4.versionCode 和 ...

  4. ionic3开发Android相关资料

    1.ionic ionic现在最新版本是ionic4.x.是2018年底刚刚发布的,可能不稳定.现在用的最多的还是ionic3.x. ionic1.x和ionic2.x.3.x.4.x使用的开发语言和 ...

  5. 【Kotlin 协程】协程简介 ( 协程概念 | 协程作用 | 创建 Android 工程并进行协程相关配置开发 | 异步任务与协程对比 )

    文章目录 一.协程概念 二.协程作用 三.创建 Android 工程并进行协程相关配置 1.创建 Android 工程 2.配置协程环境 3.布局文件 4.异步任务代码示例 5.协程代码示例 6.完整 ...

  6. 【Android NDK 开发】Android.mk 配置静态库 ( Android Studio 配置静态库 | 配置动态库与静态库区别 | 动态库与静态库打包对比 )

    文章目录 I . Android Studio 中使用 Android.mk 配置静态库 总结 II . 第三方动态库来源 III . 配置 Android.mk 构建脚本路径 IV . 预编译 第三 ...

  7. 【Android NDK 开发】Android.mk 配置动态库 ( Android Studio 配置动态库 | 动态库加载版本限制 | 本章仅做参考推荐使用 CMake 配置动态库 )

    文章目录 I . Android Studio 中使用 Android.mk 配置动态库 总结 II . 第三方动态库来源 III . 配置 Android.mk 构建脚本路径 IV . 预编译 第三 ...

  8. OpenCV android sdk配置OpenCV android NDK开发实例

    OpenCV android sdk配置OpenCV android NDK开发实例 [尊重原创,转载请注明出处]http://blog.csdn.net/guyuealian/article/det ...

  9. android Studio 配置LUA 开发环境

    android Studio 配置 LUA 开发环境 关于Android LUA资料 android如何调用lua? Android lua 教程 Lua官网 lua语言解释 Lua 5.1 参考手册 ...

最新文章

  1. mysql 服务器优化_如何对MySQL服务器进行调优
  2. Python学习笔记:‘’AttributeError: NoneType object has no attribute‘’
  3. VMware配置网络,主机互通,可上网
  4. 以太坊代币事件监控_以太坊程序员的常见误解
  5. 【问题解决方案】CentOS7替换yum的问题:使用yum makecache出现File contains no section headers
  6. Discuz3.2开启图片列表显示教程
  7. iOS学习-字符串的删除替换
  8. matlab arma 仿真,基于Matlab的ARMA模型时间序列分析法仿真
  9. Android 显示历史搜索记录
  10. 工业大数据:中国智造下的“数字新基建”
  11. FFmpeg命令(七)、 音频与视频合并成视频
  12. [附源码]Python计算机毕业设计SSM建筑工程管理系统(程序+LW)
  13. R语言实验报告【全集】
  14. python基础教程:python+OpenCV实现车牌号码识别
  15. 合工大现代企业管理期末报告--阿里巴巴企业管理模式探究
  16. 浙江计算机二本学校有哪些,浙江二本学校信息
  17. IDEA代码抽取为方法快捷键
  18. AI+OCR赋能古彝文数字化—让经典重新跳动
  19. validform_v5.3.2帮助文档
  20. c语言万能编程模板_51、STC单片机C语言通用万能编程模板

热门文章

  1. ThreadPoolExecutor – Java线程池示例
  2. Python系统命令– os.system(),subprocess.call()
  3. shell学习之跳出循环
  4. 想成为高薪的Java架构师该如何做?
  5. 开课吧Java课堂:如何创建多线程
  6. Java EE 8停步不前:Java社区能否扭转乾坤?
  7. AchartEngine绘图引擎
  8. 剑指offer——跳台阶变态跳台阶矩形覆盖
  9. IO子系统的层次结构
  10. 流水线的几个指标总结