本文分享了如何在無任何相關環境的Windows系統下將ionic項目打包成apk文件的方法
需要的工具有:node.js;cordova;ionic;jdk;安卓sdk;藍燈(或其他翻墻工具)
打開翻墻工具
進入nodeJs官網http://nodejs.org/download/下載電腦系統對應的最新的windowsInstaller(.msi)文件,下載完成后安裝,可選擇安裝在指定的盤內,這里安裝在C:/PRogram Files/nodejs文件夾中;
在最新版的nodeJs中,npm隨著一塊安裝的,安裝成功后以管理員方式打開控制臺(下同)輸入node –v會顯示對應的node版本號,輸入npm –v會顯示對應的npm版本號
打開nodeJs安裝文件夾,在里面分別新建全局模塊node_global和node_cache,打開node_globa文件夾,在里面新建一個node_modules用于存放全局模塊
打開控制臺,輸入npm config set prefix"C:/Program Files/nodejs/node_global"回車
npm configset cache"C:/ProgramFiles/nodejs/node_cache"回車
打開計算機屬性——高級系統屬性——高級——環境變量
在系統變量下新建變量,變量名為NODE_PATH,變量值為node_global 里面的node_modules對應的路徑,這里為C:/Program Files/nodejs/node_global/node_modules;
在用戶變量下修改PATH,在后面添加node_global的路徑,這里為C:/Program Files/nodejs/node_global;
注意若PATH變量值后面沒有分號,需要添加英文字符分號再在后面添加node_global路徑
上述步驟完成之后可以安裝一個模塊測試
npm install nrm –g
安裝完成之后運行nrm –v會顯示對應版本號,當然可以利用nrm選擇taobao鏡像免翻墻下載node其他模塊
(以上兩個步驟也是使用nodeJs開發的必須步驟)
打開翻墻工具
進入jdk官網http://www.Oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html下載對應的版本,64位下載jdk-8u121-windows-x64.exe
下載完成后直接安裝,中間還要提示安裝一個jre,直接點擊下一步即可,注意jdk和jre不能安裝在同一個文件夾,這里jdk安裝在 C:/Program Files/Java/jdk1.8.0_121中,jre安裝在C:/Program Files/Java/jre1.8.0_121中
打開計算機屬性——高級系統屬性——高級——環境變量
在系統變量中新建變量JAVA_HOME,變量值為jdk安裝目錄,這里為C:/Program Files/Java/jdk1.8.0_121
在系統變量中修改Path變量值,在末尾加上%JAVA_HOME%/bin;%JAVA_HOME%/jre/bin;注意若末尾之前沒有分號需要加上
在系統變量中新建變量CLASSPATH,變量值為.;%JAVA_HOME%/lib;%JAVA_HOME%/lib/tools.jar;注意前有一個點
以上配置完成jdk環境變量,打開控制臺輸入java –version回車顯示對應版本號,安裝成功
下載安卓sdk安裝包https://dl.google.com/android/installer_r24.4.1-windows.exe
下載完成后點擊安裝到指定的文件夾,建議安裝位置所在的磁盤容量足夠大,這里安裝到C:/Program Files (x86)/Android/android-sdk
打開計算機屬性——高級系統屬性——高級——環境變量
在系統變量下修改Path變量值,在里面分別添加上安卓sdk安裝文件夾中的 platform-tools文件夾路徑和tools
文件夾路徑,若沒有platform-tools文件夾,可新建一個。注意若Path值后面沒有分號,需要加上英文分號。
這里添加的值為C:/Program Files (x86)/Android/android-sdk/platform-tools; C:/ProgramFiles (x86)/Android/android-sdk/tools
打開控制臺輸入adb回車,出現安卓Debug 版本號和下面一堆說明,表示配置成功。
打開翻墻工具
以管理員方式打開安卓sdk安裝文件夾中的SDK Manger,如果網速足夠好,且時間充足,且當前磁盤容量足夠大(剩余空間在40G以上),請參考此文下載安裝相關文件http://www.cnblogs.com/kangjianwei101/p/5621238.html;
若以上三個條件不滿足,那就選擇僅選擇tools中的默認選中的三個,安卓最高版本中的手機、平板部分以及SDK Platforms、Sources for Android SDK這些文件,邊喝茶邊等下載。
打開控制臺運行
npm install –g cordova回車
npm install –g ionic回車
若安裝ionic后顯示cordova版本過低,請升級cordova
npm update –g cordova
安裝完成后控制臺輸入cordova –v回車和ionic –v回車會顯示版本信息
新建一個文件夾并進入,按住shift鼠標右鍵運行控制臺,新建Ionic項目
ionic start myApp
添加到安卓平臺
ionic platform add android
生成apk文件
ionic build android
打包之前若需要配置apk信息,請參考此文http://m.blog.csdn.net/article/details?id=52248764
打包完成后會提示生成的apk文件位置,在myApp文件中的platforms/android/build/outputs/apk中
1)創建ionic項目提示缺少json文件:缺少ionic.config.json文件
方法:找到C:/Users/你的電腦名/.ionic中的ionic.config文件拷貝到myApp中添加后綴json
2)打包過程中出現錯誤:
Error: Failed to find 'ANDROID_HOME'environment variable. Try setting setting i
t manually.
Failed to find 'android' command in your'PATH'. Try update your 'PATH' to inclu
de path to valid SDK directory.
原因:沒有配置安卓sdk環境變量或環境變量配置錯誤
3)安裝SDK Manager工具包出現錯誤:
Failed tocreate directory C:/ Program Files/Android/android-sdk/temp
方法:以管理員方式運行SDK Manager
4)安裝SDK Manager工具包出現錯誤:
Stopping ADB server failed (code -1).
原因:安卓sdk未配置環境變量或環境變量配置錯誤
5)注意勿將英文字符中文
9.最后附上幾張手機上運行官方模板的效果圖
參考鏈接:
http://jingyan.baidu.com/article/6dad5075d1dc40a123e36ea3.html
http://blog.csdn.net/pengpegv5yaya/article/details/51885829
http://jingyan.baidu.com/article/f71d603757965b1ab641d12a.html
新聞熱點
疑難解答