利用cordova打包H5混合app


1.首先布置jdk環境,下載jdk(http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html)。我這里用的是1.8的

2.windows+r打開命令窗口,輸入java -version,出現如下圖則說明安裝成功。

3.安裝安卓環境,這個則是我的android-sdk-windows,鏈接: https://pan.baidu.com/s/1uRyA3tveKOvKUSV55BPLJQ 提取碼: r8ac。解壓后打開Android SDK Manager,在線安裝所需要的sdk和platform。如圖:

這里提示:安裝的Android SDK一定要和Android platform相匹配(比如Android 7對應SDK api25),不然后面一大坑,我表示已入坑.

安裝完之后配置環境變量。檢查是否安裝成功,打開命令窗口輸入android -h成功的話如圖所示:

4.打開AVD Manager,配置安卓虛擬機。如圖所示:

配置完檢查是否存在該虛擬機,打開命令窗口,輸入 android list avd如圖所示:

5.配置完之后,就開始處理cordova了,我用node.js中的npm安裝的,所以先下載node,安裝node,別忘了配置環境變量。安裝成功后,同樣打開命令窗口,檢驗是否安裝成功。如圖所示:

6.打開命令窗口,全局安裝cordova,輸入npm install -g cordova,等待 。如圖所示表示已安裝成功。

7.可以新建一個文件夾,打開命令窗口,進入到該文件夾下(比如:webapp),輸入cordova creat appdemo,新建一個cordova項目。

8.同樣在命令窗口下,進入該文件夾下,再進入到該項目名稱下,輸入cordova platform add android,添加一個android平台。可以通過cordova platforms ls查看已安裝的平台,通過cordova platform rm android的命令刪除平台,通過cordova plugin add cordova-plugin-device類似的命令安裝額外的插件。這些東西需要知道。

9.如下圖就是我的兩個項目了,因為我之前想新建一個cordova項目,在其他文件夾下創建不了,發生了bug,好像是提示“不是cordova根目錄不能創建”。所以我又在webapp文件夾下重新創建一個test的cordova項目,測試成功。

10.把自己的項目添加到www目錄下,然后在命令窗口下,cordova build android打包,等待。如圖所示表示打包成功:

然后根據上圖提示,找到該文件下。

打包成功,在安卓手機測試即可食用。

that's all,thanks.O(∩_∩)O


免責聲明!

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



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