Ionic 安裝部署

准備工作

下載安裝Node.js, JDK，Apache Ant，Android SDK；編輯器用WebStorm

node jdk ant 均需要加進 環境變量path中

Android SDK，目前無法通過google直接下載，可以通過設置Http Proxy Server來獲取；打包apk只需要sdk，模擬運行則需要system images

mirrors.neusoft.edu.cn 80
//勾選 other - Force https//... sources to be fetched using http://...

Android SDK 環境變量配置

ANDROID_HOME    D:\android\sdk                              
path     %ANDROID_HOME%\platform-tools;  
path     %ANDROID_HOME%\tools;  

安裝ionic 及 cordova

安裝命令

npm install -g cordova ionic

更新命令

npm update -g cordova ionic

安裝特定版本

npm install -g ionic cordova@5.0.0
npm install -g ionic@1.6.5

刪除命令
npm uninstall cordova -g
npm uninstall ionic -g

npm 淘寶鏡像(GFW，導致很多插件下載失敗)

npm install -g cnpm --registry=https://registry.npm.taobao.org
// 安裝完成后，以后所有的插件都使用cnpm這個命令來進行安裝
cnpm install -g ionic cordova

創建應用

創建ionic 項目，可選模板：sidemenu（側滑菜單），tabs（底部tab），blank 空白

ionic start myapp blank
ionic start myapp tabs
ionic start myapp sidemenu

如果是github上下載的項目，里面的插件、依賴項一般通過下面命令下載：

bower install
npm install

如果是老ionic 項目，如果需要更新項目里面的ionic文件（如js類庫）

ionic lib update

瀏覽器端運行

ionic serve
ionic serve --lab

真機模擬、打包、運行

ionic platform add android  //[ios]
ionic build android
ionic run android
ionic emulate android

如何用xcode 打包IONIC 項目（IPK）

將項目文件copy到MAC底下。運行終端，cd到項目所在文件夾，運行

ionic platform add ios

然后finder，在 platforms->ios->xxx.xcodeproj 打開項目

然后，將xcode的模擬器類型選成iOS Device

然后在XCODE 的菜單欄 選擇 Product -- Archive ，會生成 xxx的Archive文件。

在窗口右側的Submit to AppStore 按鈕的下方，點擊 Export...

有三個選項

Save to IOS App Store Deployment
Save to Ad Hoc Deployment
Save for Enterprise Deployment

第一個是發布到APPStore
第二個臨時打包，可以用來測試
第三個是發布成企業版本

選擇證書等等，選擇導出文件夾，導出

Ionic Framework 說明書