cordova打包web專案成apk的流程,記錄一下。方便你我他
最近有個需求,需要打包vue專案成apk。之前負責的員工離職了,沒辦法了,我來研究了1天多,參考了好幾篇文章。我忘了,不能一一列舉,不好意思了。只列舉一篇了 連結在這裡 http://www.cnblogs.com/zhou123/p/9253543.html。我綜合了他們的思路,做了一些改變,應該說更簡單。
1. 安裝node.js 下載地址 https://nodejs.org/en/download/ 下一步即可
2.安裝JDK 下載地址
http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
3 安裝gradle 下載地址
http://services.gradle.org/distributions/
- 配置環境變數JAVA_HOME 值就是安裝JDK的物理路徑
下一步 雙擊“Path”,在這裡新增3個值,分別指向一個資料夾和兩個jar檔案
4 安裝android sdk
可以在官網下載 sdk 也可以安裝android studio來解決。我是通過此方式配置,所以只講這種方式。下載地址 https://developer.android.google.cn/studio/index.html
下載安裝完成後 點選下圖箭頭處,開啟介面
介面如下圖,記住紅框標誌處,這是安卓sdk的位置。選中多個安卓版本點選確認。安裝版本。
下一步,配置環境變數
首先建一個變數ANDROID_HOME,值為上圖記住的sdk路徑
下一步,雙擊Path,在下圖中新增3個變數,分別指向這3個資料夾
5 安裝cordrova
npm install -g cordova
6 建立cordrova工程
利用doc命令進入vue原始碼資料夾,
7建立一個cordova工程 命令cordova create hello com.example.hello helloworld
Hello 是資料夾名,helloworld是app名。com.example.hello是專案包名
7 打包vue專案,不再囉嗦
8 利用doc命令進入hello資料夾,再執行doc命令新增平臺 cordova plarform add android
9 刪除hello資料夾內的www的檔案。 拷貝dist內的vue檔案到hello內的www資料夾內。
10 最後執行命令 cordova build android。如果出現下面的提示,就表示成功了。作為一個.net程式設計師,我表示環境變數很痛苦啊,心疼java程式設計師一下。文筆較差,就寫到這裡了。多謝你的閱讀
另外提示,儘量路徑中不要有中文。安裝android studio 也不要有中文