首先,Ionic是什麼。
ionic地址: http://ionicframework.com
簽名,打包http://www.cnblogs.com/qianxudetianxia/archive/2011/04/09/2010468.html
http://bbs.phonegap100.com/thread-2366-1-1.html
Ionic是一款基於PhoneGap及AngularJS開發Hybrid/Web APP的前端框架,簡單來說就是可以將你的Web應用打包發佈成IOS/Android APP,並且提供了PhoneGap之外很多強大的服務和新的特性。
在開始之前我假設你已經瞭解瞭如下概念。
JavaJDK
ApacheAnt
AndroidSDK
NodeJS
#以上名詞這裏就不贅述,如果有不清楚的可以自行查閱#
(二)安裝步驟:
Ionic官方教程: http://learn.ionicframework.com/videos/windows-android/
以下內容參考官方教程得出。
1、下載JDK並配置好Java運行環境
下載地址: http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html (請注意選擇您電腦的對應版本)
Java環境變量的配置:參看:http://zhidao.baidu.com/question/1366931535221381339.html
2、下載Apache Ant 並將其bin目錄路徑添加進Path路徑
下載地址: http://mirror.tcpdiag.net/apache//ant/binaries/apache-ant-1.9.4-bin.zip
下載完成後解壓該文件至某個安全的目錄下,然後將改文件夾內的bin文件夾路徑添加至系統Path環境變量中,如存放在C盤 ProgramFiles目錄下則Path中添加如下值 C:\ProgramFiles\apache-ant-1.9.4\bin; (添加方法和java配置path變量是一樣的,注意以 ; 隔開每個環境變量的值)
3、下載Android SDK 並配置好SDK運行環境
下載地址: http://developer.android.com/sdk/index.html 這裏可以只下載Android SDK 不需要一併下載 Android Studio。下載完成並安裝然後向系統Path環境變量中添加兩個值。分別是 Android SDK中tools目錄的路徑和platform-tools的路徑。例如:
ANDROID_HOME
C:\ProgramFiles (x86)\Android\android-sdk\tools;
C:\ProgramFiles (x86)\Android\android-sdk\platform-tools;
在這裏我發現Android SDK安裝目錄中並沒有 “ platform-tools”這個文件夾,於是詢問隔壁Android開發的小夥伴,他說是ADT中才有,然後給我發了他那邊環境中的這個文件夾,可正常使用。
實際上正確的解決方案應該是:
運行tools目錄下的android.bat文件,然後出現如下界面,勾選Android SDK Platform-tools 然後安裝。
注意:這裏我下載的純淨版SDK之前並沒有任何Android系統在內,所以同 Platform-tools 一樣需要在這裏勾選需要的版本然後安裝。這裏至少需要有一個系統,否則無法創建虛擬機。當然,用真機調試的話可以不依賴。
4、下載NodeJS for Windows並安裝
下載地址:https://nodejs.org/download/
Windows下安裝NodeJS環境很簡單,在NodeJS官網下載正確版本後安裝即可。
注意要下的是下圖中紅色框所標註的文件。
5、利用NodeJS中提供的nmp來安裝Ionic和Cordova
完成以上幾步需要配置的環境就搭建完成了,接下來就只需要在控制檯輸入簡單的幾行命令就可以安裝Ionic和Cordova啦。
進入cmd窗口,輸入如下指令
$ npm install -g cordova
按下回車系統將自動安裝Cordova;
安裝完後輸入
npm install -g ionic
安裝Ionic
#完成以上所有步驟,就可以開始愉快地利用Ionic快速開發AndroidAPP啦#
(三)創建一個Android項目並調用虛擬機運行:
1、創建APP
在控制檯輸入
ionic start myapp
這裏的 myapp是你的APP的名字
2、進入創建的APP目錄
cd myapp
3、選擇配置Android環境
ionic platform add android
4、打包生成APP
ionic build android
5、運行APP(需要先新建虛擬機/連接手機,新建方法:打開Android SDK安裝目錄下的AVD Manager.exe選擇新建)
ionic run android
Phonegap運行速度
1. android環境:
a) 512內存手機可以放棄phoengap
b) 1G 雙核手機 運行流暢 感覺速度稍微比原生慢
c) 2G 4核+手機運行流暢 看不出和原生差別
d) 部分手機兼容可能會出現問題 需要調整css(原生開發也會有次問題)
2. ios環境:
a) iphone4+運行流暢
b) iphone5+ 看不出和原生差別