ionic2 打包apk 注意事項

在2016年的最後一天,再來一次分享來結束2016這碌碌無爲的一年。最近的分享主題依然是angular2 ionic2 混合App這三個主題,今天就來分享一下把ionic2項目打包成app的注意事項:

例牌上需求是:你已經用ionic2開發好一個應用了,在瀏覽器測試後,你想用android模擬器測試以及打包apk文件用真機測試。

1.安裝android studio,去官網下載最新版本(既然你已經開發好應用,ionic2開發需要的環境我就當你已經有了)

2.安裝android SDK,這個可以下載android studio的時候選擇集成android SDK版本的

3.安裝JDK,並且設置環境變量JAVA_HOME ,ANDROID_HOME

4.這個時候你就可以運行命令ionic build android 或者cordova platform add android構建app了,如果修改需要重新構建,最好先執行cordova platform rm android,如果你一次性就成功了那就可以直接去platforms目錄裏面找apk文件了


但是:一般都會遇到各種問題

問題1.提示找不到JAVA_HOME,看到這個錯誤說明你沒有設置環境變量,怎麼設置?自己百度去(安裝錯誤的時候一定要看提示信息,住個單詞翻譯也能大概知道錯誤,然後再去stackoverflow上詢問)


問題二:如果提示你沒有接受協議或者沒有android SDK的話,主要是因爲你的android studio包含的android SDK版本不對應,根據錯誤信息去安裝對應版本的android SDK就可以了


問題三:錯誤信息提示各種插件安裝錯誤的,主要是國內網絡問題,建議全程掛vpn安裝,妥妥的


附上官網教程:https://cordova.apache.org/docs/en/latest/guide/platforms/android/(英文,如果你抗拒英文文檔,那沒辦法了,等着撿別人吃剩的好了)



就這樣,一個App安裝包就順產了,但是當你安裝到手機的時候,可能會出現圖片路徑不對,明明在瀏覽器上還好好的,到app上就錯誤了,這個主要是因爲圖片的路徑要相對於項目的index來寫,不能相對html所在的頁面寫。

分享就這樣,如果你打包遇到問題歡迎給我留言,附上錯誤信息,雖然我也是菜鳥,但是我會用盡自己的菜鳥之力來幫助你解決問題,今年的分享就到這,如果想了解更多混合app開發的內容,請關注2017的分享,2017上半年的主題依舊會是混合app開發的分享,例如:

app 的開發技術對比,

ionic2開發過程中踩到的坑

app的打包,上架,啓動也和圖標生產這類型的分享。

2017願工作順利,順利完成所規劃的重構工作以及構建正確高效的工作流程,如果上帝覺得我要求太多了,那就實現我一個願望就好了。

一碗米飯 + 一碟青菜 + 一畝三分農田 + 一億存款,過着與世無爭的生活,2016即將過去,你今年虛度了嗎?願所有奮鬥而不將就的人在明年都能開花結果,明年再見。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章