当前位置: 代码迷 >> .NET相关 >> 筹建移动端框架Ionic+Genymotion开发环境
  详细解决方案

筹建移动端框架Ionic+Genymotion开发环境

热度:210   发布时间:2016-04-24 02:49:52.0
搭建移动端框架Ionic+Genymotion开发环境

准备工作

  • 下载并安装node,用于安装Ionic
  • 配置JDK
  • 安装并配置Ant,用于打包项目
  • 设置Android SDK的环境变量

安装Ionic

npm install -g cordova ionic
  • 创建Ionic项目

    ionic start app tabs#项目名称是app
  • 添加Android平台
    进入项目app,执行命令:

    ionic platform add android
  • 生成apk文件

    ionic build android

    在build的过程中,会下载gradle,如果在下载的过程中出现

    Downloading http://services.gradle.org/distributions/gradle-2.2.1-all.zip............................................................................................................................................................................................................................................................................................

    这种情况,解决办法就是手动下载gradle-2.2.1.all.zip文件,把它放到app(你的项目)\platforms\android\gradle\中,
    然后修改app\platforms\android\cordova\lib\build.js文件。找到这行

    var distributionUrl = 'distributionUrl=http\\://services.gradle.org/distributions/gradle-2.2.1-all.zip';

    把它替换成

    var distributionUrl = 'distributionUrl=../gradle-2.2.1-all.zip';

    重新执行命令:

    ionic build android

    它会自动解压gradle-2.2.1-all.zip文件。一切看上去按照剧情发展了。但是,后面有可能还会发生build失败的情况,不管你遇没遇到,反正我是遇到了^_^。
    有图有真相:

解决办法就是进入到platforms/android/cordova目录,执行命令:

build.bat --debug

然后就可以run起来了

ionic run android

在Genymotion上运行

Android的模拟器启动速度和app运行速度有点不尽人意,所以选择Genymotion作为模拟器。
执行一个命令就行了:

cordova run android

等待build之后,它会自动把app安装到Genymotion上了,之后就可以运行了。

  相关解决方案