Ionic 移动开发入门与实战
上QQ阅读APP看书,第一时间看更新

2.2 Windows下安装Android开发平台

完成本书2.1节的安装后,我们已经可以在浏览器中运行Ionic框架开发出的App应用了。然而在使用任何移动平台硬件设备的特性之前,还需要安装对应移动平台操作系统的软件开发包(SDK)。这些软件开发包是由移动平台操作系统的供应商提供且不断升级维护的。本节将介绍在Windows下安装Google公司的Android软件开发包并使用Android实体机设备测试。

提示

iOS的软件开发包只能安装运行在Mac OS操作系统环境,因此使用Windows操作系统的读者只能安装和使用Android开发平台。有些开发人员使用“黑苹果”的方式在PC上安装Mac OS操作系统,因为法律风险笔者在本书不便介绍这种做法。

按照官方网站说明,Ionic只对Android和iOS提供全面的技术支持,Windows Phone不在考虑范围之内,因此本书也不会介绍Windows Phone的开发平台安装。

2.2.1 安装Android开发环境

1.安装JDK

Android平台中App应用的主要开发语言是Java,因此首先需要安装和配置JDK(Java Development Kit)。读者可以自行到Oracle公司提供的官方最新Java SE版的JDK网址http://www.oracle.com/technetwork/Java/javase/downloads/index.html下载,如图2.19所示。

图2.19 选择Java SE版的JDK下载

安装时需要记下JDK在本机安装的路径,因为随后需要设置系统环境变量指向这个路径。以笔者的PC为例,JDK的安装路径为C:\Program Files\Java\jdk1.8.0_151。右击“我的电脑”,点击“属性”,点击“系统设置”。在随后出现的如图2.20的对话框中,切换到“高级”选项卡,再点击“环境变量按钮”。

图2.20 进入编辑环境变量

在随后出现的如图2.21显示的“环境变量”对话框中,查找下方是否已经设置了“JAVA_HOME”变量并确定变量值与安装时获得的JDK的安装路径相同。如果查不到“JAVA_HOME”变量,则需要点击“新建”按钮,在变量名和变量值输入栏分别输入JAVA_HOME和JDK的安装路径。最后使用同样的方式设置JRE_HOME中JRE的安装路径,参见图2.22。

图2.21 查找系统变量“JAVA_HOME”

图2.22 设置系统变量“JAVA_HOME”

以上步骤都成功完成后,读者可以在命令行窗口中分别输入验证命令:

     java-version
     javac

这两个命令分别是验证JDK和JRE配置的。如果出现类似图2.23的输出结果,则表明JDK已安装完毕,可以进入下面的安装Android Studio阶段。

图2.23 验证JDK安装命令输出结果

2.安装Android Studio

笔者推荐到Android Studio中文社区(官网)http://www.android-studio.org/下载对应操作系统平台Android Studio,参见图2.24。因为是中文社区,所以不需要考虑因网络问题无法下载的情况。

图2.24 选择对应操作系统平台Android Studio下载

下载完毕运行安装文件,使用默认推荐模式安装即可。不过在安装过程中需要记住Android SDK Tools安装到本地PC的路径。以笔者的PC为例是C:\Users\Lym\AppData\Local\Android\sdk\。

提示

之所以需要安装Android Studio,是因为安装它的时候会同时安装Android SDK Tools。Android平台下的安装程序打包编译都需要这个Android SDK Tools。如果读者确定将来不会进行Cordova组件的开发,也可以到官网自行下载Android SDK Tools安装即可。

安装之后需要做类似安装JDK之后的系统环境变量设置工作。这次需要设置2个变量:

• ANDROID_HOME:以笔者的PC为例,需要增加系统环境变量ANDROID_HOME,并设置为C:\Users\Lym\AppData\Local\Android\sdk\。

• PATH:以笔者的PC为例,需要增加或修改系统环境变量PATH,并分别加入两个路径:

C:\Users\Lym\AppData\Local\Android\sdk\platform-tools。

C:\Users\Lym\AppData\Local\Android\sdk\tools。

3.安装与更新Android SDK包

Android Studio安装和路径配置完毕后,需要使用Android SDK Tools所带的SDKManager更新下载Cordova能够支持特定Level的Android API。具体的做法是在命令行窗口中输入:

     android

随后在图2.25所示的Android SDK Manager对话框中,推荐至少选取以下选项后(推荐读者安装图2.25中列出的所有Package以保证后面能够顺利构建)点击OK进行安装:

图2.25 Android SDK Manager选取安装的Packages

如果因为国内的网络状况导致安装过程无法完成,建议读者可以尝试在System Settings的HTTP Proxy中进行设置,如图2.26所示。

图2.26 设置Android SDK Manager使用HTTP协议

如果还是无法安装,则读者需要通过一定的技术手段(如购买临时VPN账户)连接到外网来完成安装了。

2.2.2 为测试项目增加Android平台支持

现在可以回到Ionic CLI为2.1.6节创建的测试项目配置Android平台支持了。按照图2.27所示,进入项目目录后在命令行窗口中输入:

     ioniccordovaplatform add android

Ionic CLI自动下载所需资源并配置完所有的内容。

图2.27 为测试项目增加Android平台支持

2.2.3 连接Android实体机设备测试App

Ionic的测试项目增加完对Android平台的支持后,就可以直接连接Android实体机设备进行测试了。按照图2.27所示,进入项目目录后在命令行窗口中输入:

     ioniccordovarun android

Ionic CLI自动完成项目的编译、链接和生成打包apk工作。生成的Android安装包文件存放路径为:项目目录/platforms/android/build/outputs/apk/android-debug.apk。

此时如果开发人员将符合版本要求且在设备的设置中打开了开发人员调试选项的实体Android设备通过USB接口连接到PC机,则Ionic就能找到该设备,尝试将测试安装包安装在设备上并启动运行。图2.28分别演示了Android系统应用启动后的界面显示和应用图标在桌面上的显示截屏。至此Windows操作系统环境下Ionic的Android平台支持就可以确认为成功安装了。

图2.28 连接Android实体机设备安装测试App示例

2.2.4 不使用Android模拟器的说明

一些早期关于移动App开发的书籍会介绍如何增加配置Android模拟器。由于Android本身的模拟器启动和执行缓慢,再加上市场的竞争导致高性能的Android设备价格低廉,因此本书不介绍如何使用Android模拟器进行Ionic App应用项目的开发测试,有特殊需要的读者可自行查找网上的资料来配置实现。