本文目的是使用 ionic 完成在 windows 上的 Android 测试

准备工作

  1. 要进行Android的测试,首先需要下载并安装 Android-sdk。在windows上,我们通过使用 Android SDK Manager 来统一安装并管理 Android-sdk。

  2. 下载 Android SDK Manager:点击下载 这里要感谢 http://www.androiddevtools.cn/index.html

  3. 将下载到的压缩包加压,放在某个目录下,如:E:\Andriod\android_sdk

  4. 除此之外,我们还需要安装 JDK 点击下载 这里下载的是64位的,我们可以在 http://www.androiddevtools.cn/index.html 找到32位的。 下载好后,直接安装即可,假设我们安装在 E:\Andriod\jdk

  5. 添加环境变量:

    1. 新建变量 ANDROID_HOME , 值为刚才的路径 E:\Andriod\android_sdk

    2. 新建变量 JAVA_HOME , 值为刚才的路径 E:\Andriod\jdk

    3. 修改 Path 变量 -->> 添加 %JAVA_HOME%\bin;%ANDROID_HOME%;%ANDROID_HOME%\platform-tools;Path 环境变量

  6. 安装所需的SDK。这里我们直接使用在线安装

    1. 打开 SDK Manager.exe ,安装所需要的sdk,如图:
      clipboard.png

    2. 如果因为网络问题,无法正常安装,可以更换镜像。教程在这里:http://www.androiddevtools.cn/index.html

添加 Android 平台

想要用ionic来模拟Android,首先需要添加Android平台

cordova platform add android
ionic platform add android

Build 以及 Emulate

  1. build

    ionic build android
  2. build完成后,即可进行emulate

    ionic emulate android
  3. 如果这里报错clipboard.png 则表示还没有创建安卓虚拟设备(AVD),我们可以打开 AVD Manager.exe,创建一个虚拟设备,然后再运行上面的 ionic emulate android 命令。

  4. 经过漫长的等待,AVD终于启动了,如果在打开应用时出现 the connection to the server was unsuccessful. (file ///android_asset/www/index.html) ,我们可以这样解决:

    1. 重命名 inex.htmlmain.html

    2. 新建 index.html ,内容为

      <!DOCTYPE html>
      <html>
      <head>
      <title></title>
      <script type="text/javascript">
          window.location.href='./main.html';
      </script>
      </head>
      <body>
      
      </body>
      </html>
    3. 重新执行 ionic emulate android , 这样就可以打开应用了。

2016.4.26


唐小璜
229 声望12 粉丝

引用和评论

0 条评论