IONIC ANDROID 开发环境搭建

做完两个Ionic项目后, 真的是踩坑无数. 开发Android, 光配置环境就弄得你不要不要的. 内心一个崩溃接一个崩溃, 各种墙、 下载不了、 速度慢.

NodeJs 和 NPM环境

Node官网下载直接安装即可.
建议使用国内镜像

Ionic Cli 和CORDOVA

npm install -g ionic cordova

Android Platform

这一步虽然在Crodova Doc上有说明, 但是在国内, 老铁门都懂的. 各种墙.

Java环境配置.

  • 下载JDK安装
  • 环境变量新建JAVA_HOME, 所填的路径为JDK所在路径, 例如 「D:\Program Files\Java\jdk1.8.0_91」
  • 环境变量新建或编辑CLASSPATH, 追加.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;
  • 环境变量编辑path, 追加%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;

安装Android SDK

  • 官网sdk下载不了,进入开源镜像站进行下载, 选择tools_r***-windows.zip版本,
  • 解压文件后找到tools文件夹打开android.bat程序,进入主界面,菜单栏依次选择「Tools」、「Options...」,弹出『Android SDK Manager - Settings』窗口
  • 在『Android SDK Manager - Settings』窗口中,在「HTTP Proxy Server」和「HTTP Proxy Port」输入框内填入mirrors.neusoft.edu.cn和80,并且选中「Force https://... sources to be fetched using http://...」复选框。设置完成后单击「Close」按钮关闭『Android SDK Manager - Settings』窗口返回到主界面;
  • 依次选择「Packages」、「Reload」。(由于某些网络接入商进行了劫持,会弹出用户认证界面无法使用,和本镜像服务器配置无关。)
  • 在packages列表里选择合适的SDK Platform安装
  • 环境变量新建ANDROID_HOME, 所填的路径就是解压tools_r***-windows文件夹所在的路径, 例如 「D:\Program Files\tools_r25.2.5-windows」
  • 环境变量编辑path, 追加%ANDROID_HOME%\tools;%ANDROID_HOME%\tools\bin;%ANDROID_HOME%\platform-tools;%ANDROID_HOME%;

Gradle配置

  • gradle.org提供了几种安装方法, 我是直接选择「Install manually > Binary-only」, 如果有版本问题, 在releases页面选择3.3版本
  • 解压到本地目录(建议新建一个Gradle目录, 然后解压, 以便存放不同的版本, 另外压缩包不要删, 后边还会用)
  • 环境变量编辑path, 追加上一步解压的目录, 例如「D:\Program Files\Gradle\gradle-3.3\bin;」
  • 在windows用户目录下找到.gradle, 编辑init.gradle, 原因以及详情
allprojects {
    repositories {
         maven {
             name "aliyunRepo"
             url "http://maven.aliyun.com/nexus/content/groups/public"
         }
    }
}

第一个项目

  • 新开命令行, 输入ionic start myIonic tabs --skip-deps
  • 运行cnpm install
  • 运行ionic cordova platform add android
  • 打开myIonic\platforms\android\gradle, 复制「gradle-3.3-bin.zip」过来, 原因以及详情
  • 编辑项目package.json, 在scripts下添加一个
"gradlerun": "set CORDOVA_ANDROID_GRADLE_DISTRIBUTION_URL=../gradle-3.3-bin.zip&&ionic cordova run android",
"gradlerundebug": "set CORDOVA_ANDROID_GRADLE_DISTRIBUTION_URL=../gradle-3.3-bin.zip&&ionic cordova run android -lcs"
  • 连接手机, 手机开启开发者模式
  • 运行
cnpm run gradle

如果一切顺利的话, 应该可以在手机上跑起应用了.

可能遇到的问题

调试

cnpm run gradlerundebug

确保手机和电脑在同一个局域网, 防火墙设置好.

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容