3

前言:

由于 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 项目会出现下面错误:


木木木木头脑袋
61 声望4 粉丝

引用和评论

0 条评论