Ionic初探 + 混合app的尝试

浏览数：15 / 时间：2015年06月11日

当然首先的问题，部署环境

1、需要有node.js环境

2、安装Ionic

　　npm install -g cordova ionic //安装 cordova 和 ionic command-line tools

3、建项目

　　ionic start myApp tabs //创建myApp项目也可以是blank 或者 sidemenu

　　cd myApp

　　ionic platform add android //如果是ios，则这边以及下面 substitute android with ios

　　ionic build android //这边可能会环境报错，需要 ant工具

　　ionic emulate android //这步如果有emulator用emulator，也可以直接把上一步build出来的 apk 安装到手机里 adb install ***.apk

错误处理：

　　典型错误1：ANDROID_HOME is not set and "android" command not

　　　　该典型错误，解决方法可以：sudo vim ~/.bash_profile

#定义 android相关变量
export ANDROID_HOME=$ANDROID_HOME:/Users/liangzhongyuan/bin/sdk 
export ANDROID_PLATFORM_TOOLS=$ANDROID_PLATFORM_TOOLS:/Users/liangzhongyuan/bin/sdk/platform-tools
export ANDROID_TOOLS=$ANDROID_TOOLS:/Users/liangzhongyuan/bin/sdk/tools

#这边是我之前部署androidstudio环境时用的，建议保留
export PATH=$PATH:/Users/liangzhongyuan/bin/sdk
export PATH=$PATH:/Users/liangzhongyuan/bin/sdk/platform-tools
export PATH=$PATH:/Users/liangzhongyuan/bin/sdk/tools

　　　　最后：source ~/.bash_profile // 使环境变量生效，完成后记得只有当前或者新的终端窗口，才会生效

　　检查：$ export //可以看到android_home之类变量

技术分享

　　典型错误2：ant 命令未找到

　　　　当一个代码项目大了以后，每次重新编译，打包，测试等都会变得非常复杂而且重复，因此c语言中有make脚本来帮助这些工作的批量完成。在Java 中应用是平台无关性的，当然不会用平台相关的make脚本来完成这些批处理任务了，ANT本身就是这样一个流程脚本引擎，用于自动化调用程序完成项目的编译，打包，测试等

　　　　到编译那步时，说ant命令没找到，我还很郁闷，sdk/tools/ 下面的ant是个文件夹，里面没有ant命令，只能自己装。

　　　　安装：

　　　　　　1、直接下载路径：http://ftp.twaren.net/Unix/Web/apache//ant/binaries/apache-ant-1.9.4-bin.zip

　　　　　　2、解压后，真正有用的只有两个文件夹，bin和lib，ant命令就在bin中。

　　　　　　3、自己建一个ant文件夹，然后把bin和lib拷贝进去

　　　　　　4、修改环境变量，使ant命令有效。 export PATH=$PATH:/Users/用户名/bin/ant/bin/

　　　　　　5、source使之生效。

　　　　　　6、ant -v 查看当前版本，都ok啦。 //如果报build.xml没找到，不用担心，没关系的，这个会在你编译项目时生成，so继续运行 ionic build android 成功！