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/

  1. 配置環境變量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 也不要有中文


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM