本文分享了如何在無任何相關(guān)環(huán)境的Windows系統(tǒng)下將ionic項目打包成apk文件的方法
需要的工具有:node.js;cordova;ionic;jdk;安卓sdk;藍燈(或其他翻墻工具)
打開翻墻工具
進入nodeJs官網(wǎng)http://nodejs.org/download/下載電腦系統(tǒng)對應(yīng)的最新的windowsInstaller(.msi)文件,下載完成后安裝,可選擇安裝在指定的盤內(nèi),這里安裝在C:/PRogram Files/nodejs文件夾中;
在最新版的nodeJs中,npm隨著一塊安裝的,安裝成功后以管理員方式打開控制臺(下同)輸入node –v會顯示對應(yīng)的node版本號,輸入npm –v會顯示對應(yīng)的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"回車
打開計算機屬性——高級系統(tǒng)屬性——高級——環(huán)境變量
在系統(tǒng)變量下新建變量,變量名為NODE_PATH,變量值為node_global 里面的node_modules對應(yīng)的路徑,這里為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會顯示對應(yīng)版本號,當(dāng)然可以利用nrm選擇taobao鏡像免翻墻下載node其他模塊
(以上兩個步驟也是使用nodeJs開發(fā)的必須步驟)
打開翻墻工具
進入jdk官網(wǎng)http://www.Oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html下載對應(yīng)的版本,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中
打開計算機屬性——高級系統(tǒng)屬性——高級——環(huán)境變量
在系統(tǒng)變量中新建變量JAVA_HOME,變量值為jdk安裝目錄,這里為C:/Program Files/Java/jdk1.8.0_121
在系統(tǒng)變量中修改Path變量值,在末尾加上%JAVA_HOME%/bin;%JAVA_HOME%/jre/bin;注意若末尾之前沒有分號需要加上
在系統(tǒng)變量中新建變量CLASSPATH,變量值為.;%JAVA_HOME%/lib;%JAVA_HOME%/lib/tools.jar;注意前有一個點
以上配置完成jdk環(huán)境變量,打開控制臺輸入java –version回車顯示對應(yīng)版本號,安裝成功
下載安卓sdk安裝包https://dl.google.com/android/installer_r24.4.1-windows.exe
下載完成后點擊安裝到指定的文件夾,建議安裝位置所在的磁盤容量足夠大,這里安裝到C:/Program Files (x86)/Android/android-sdk
打開計算機屬性——高級系統(tǒng)屬性——高級——環(huán)境變量
在系統(tǒng)變量下修改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回車,出現(xiàn)安卓Debug 版本號和下面一堆說明,表示配置成功。
打開翻墻工具
以管理員方式打開安卓sdk安裝文件夾中的SDK Manger,如果網(wǎng)速足夠好,且時間充足,且當(dāng)前磁盤容量足夠大(剩余空間在40G以上),請參考此文下載安裝相關(guān)文件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鼠標(biāo)右鍵運行控制臺,新建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)創(chuàng)建ionic項目提示缺少json文件:缺少ionic.config.json文件
方法:找到C:/Users/你的電腦名/.ionic中的ionic.config文件拷貝到myApp中添加后綴json
2)打包過程中出現(xiàn)錯誤:
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環(huán)境變量或環(huán)境變量配置錯誤
3)安裝SDK Manager工具包出現(xiàn)錯誤:
Failed tocreate directory C:/ Program Files/Android/android-sdk/temp
方法:以管理員方式運行SDK Manager
4)安裝SDK Manager工具包出現(xiàn)錯誤:
Stopping ADB server failed (code -1).
原因:安卓sdk未配置環(huán)境變量或環(huán)境變量配置錯誤
5)注意勿將英文字符中文
9.最后附上幾張手機上運行官方模板的效果圖
參考鏈接:
http://jingyan.baidu.com/article/6dad5075d1dc40a123e36ea3.html
http://blog.csdn.net/pengpegv5yaya/article/details/51885829
http://jingyan.baidu.com/article/f71d603757965b1ab641d12a.html
新聞熱點
疑難解答