Ionic初探 + 混合app的嘗試

固然首先的問題，部署環境

一、須要有node.js環境

二、安裝Ionic

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

三、建項目

　　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命令，只能本身裝。

　　　　安裝：

　　　　　　一、直接下載路徑：http://ftp.twaren.net/Unix/Web/apache//ant/binaries/apache-ant-1.9.4-bin.zip

　　　　　　二、解壓後，真正有用的只有兩個文件夾，bin和lib，ant命令就在bin中。

　　　　　　三、本身建一個ant文件夾，而後把bin和lib拷貝進去

　　　　　　四、修改環境變量，使ant命令有效。  export PATH=$PATH:/Users/用戶名/bin/ant/bin/    

　　　　　　五、source使之生效。

　　　　　　六、ant -v 查看當前版本 ，都ok啦。  //若是報build.xml沒找到，不用擔憂，不要緊的，這個會在你編譯項目時生成，so繼續運行 ionic build android 成功！

　　　　

相關連接：

http://ionicframework.com/getting-started/  // Ionic官網安裝

http://ant.apache.org/bindownload.cgi  //apache ant 的官網下載路徑，下zip壓縮包方便

http://mobile.51cto.com/android-265990.htm //ant 原理