Question

在与设备功能交互之前，我们需要在本机设置设备的操作系统对应的 SDK。Ionic 只正式支持 iOS,Android 以及部分 Windows phont 平台的扩展。 但是，Ionic 还是可以用在任何设备上。以下链接展示了如何在本机上设置移动 SDK。 很可惜的是本章不会进行更多的设置。链接如下：

• Android :

http://cordova.apache.org/docs/en/5.0.0/guide_platforms_android_index.md.html#Android%20Platform%20Guide

• iOS:

http://cordova.apache.org/docs/en/5.0.0/guide_platforms_ios_index.md.html#iOS%20Platform%20Guide

• Windows Phone8 :

http://cordova.apache.org/docs/en/5.0.0/guide_platforms_wp8_index.md.html#Windows%20Phone%208%20Platform%20Guide

对于其他 OS，参考： ; 我使用的是 Cordova 5.0.0 的文档

http://cordova.apache.org/docs/en/5.0.0/guide_platforms_index.md.html#Platform%20Guides

本书中只对 Android 与 iOS 进行设置。其他操作系统也是类似的。在继续操作之前，我们需要确保设置完成，并且工作正常。

关于本章，你也可以通过以下 Github 目录来访问源代码，发起 issue，与作者沟通:

https://github.com/learning-ionic/Chapter-7

Android 平台设置

确保安装好了 Android 的 SDK 以及 Android tools 在你的环境变量 path 中。然后，在任何地方打开命令行/终端，运行：

android

这个命令将启动 Android SDK 管理器。先确保你安装了最新版本的 Android，或者某个特定的版本。接下来，运行如下命令：

android avd

这个命令将启动 Android Virtual Device（安卓虚拟设备）管理器。确保至少设置了一个 AVD。如果没有的话，点击上面的 按钮创建一个，如下：

Create

iOS 平台设置

先确保安装好了 Xcode 和他所需的工具，同时也要确保全局安装了

ios-sim 和 ios-deploy ：

npm install -g ios-sim npm install -g ios-deploy

iOS 设置只能在 Apple 机器上进行。Windows 开发人员不能从 Windows 上面部署 iOS app，因为 Xcode 只能在 iOS 上使用。

测试设置

我们看一下如何测试 Android 和 iOS 的设置。

测试 Android

为测试设置是否成功，我们新建一个 Ionic 应用，然后使用 Android 和 iOS 模拟器进行模拟： 我们将新建一个标签页应用：

ionic start -a "Example 27" -i app.example.twentyseven example27 tabs

使用

cd 口令进入 example27 文件夹内，运行：

ionic serve

这样，应用就运行起来了。我们就可以通过浏览器访问此应用了。为了能在 Android 模拟器中模拟此应用，首先我们需要给项目添加 Android 平台支持，然后再模拟。添加 Android 支持，使用以下命令：

ionic platform add android

命令运行成功之后，运行此命令：

ionic emulate android

经过短暂的等待之后，我们可以看到模拟器启动，app 部署其中，并且在其中运行：

如果你之前用过 Android 模拟器的话，那么你就应该体会到他有多慢。如果没用过的话，那么我告诉你他真的是好慢。另一个可选的 Android 模拟器是 Genymotion（( Genymotion 有两个版本，一个免费版和一个商业版。免费版功能较少，仅支持个人使用。

https://www.genymotion.com）。Ionic 也很好的与 Genymotion 整合了。

可以从此处下载一个 Genymotion 的副本：

https://www.genymotion.com/#!/store

一旦安装好了 Genymotion，就可以创建一个你想要的 Android SDK 的虚拟设备了。以下是我的配置：

接下来我们就可以启动模拟器让他在后台运行了。现在，我们的 Genymotion 模拟器运行起来了，我们就需要告诉 Ionic 使用 Genymotion 而不是 Android 默认的模拟器了，使用如下口令：

ionic run android

替换：

ionic emulate android

这个命令将会把 app 部署到 Genymotion 模拟器，并且与 Android 模拟器不同的是，你可以立刻看到效果：

一定要确保 Genymotion 在后台运行。

如果 Genymotion 对你来说偏贵，那么你也可以简单的连接你的 Android 移动电话到你的笔记本电脑，然后运行：

ionic run android

这样，app 将会被部署到甚至设备上去。

设置 Android USB 调试，请参考： 之前截屏里的 Genymotion 是一个私人版的，因为我没有买授权。 开发期间我都是使用 iOS 模拟器连接我的 Android 手机的。一旦完成开发，我从在线测试服务订购设备使用，然后在上面进行测试。 如果你在连接 Android 手机与电脑的时候出现问题，请先检查一下时候可以在命令行/终端里面运行

http://developer.android.com/tools/device.html adb 命令，且命令可以列出你的设备。 更多关于 Android Debug Bridge（ADB）的信息，请参考： http://developer.android.com/tools/help/adb.html

以上是测试 Android app 的不同方式。

测试 iOS

要测试 iOS，首先要添加 iOS 支持，然后进行模拟。运行：

ionic platform add ios

然后：

ionic emulate ios

然后你可以看到默认模拟器运行，最后 app 出现了：

可以使用以下命令部署到 Apple 设备：

ionic run ios

深入之前要确保你可以模拟 app。