Cordova的搭建

Cordova的搭建

cordova也叫phonegap，能夠用來打包網頁生成Android或iOS或其餘平臺的APP，它提供了一些native api，可讓網頁調用本地函數，極大地加強了網頁的功能。
cordova的使用很是靈活，能夠所有用網頁和js來實現APP功能，也可使用網頁+本地代碼的形式來實現。

那麼咱們就開始Cordova的搭建吧！

一. Node.js的搭建

下載地址：https://nodejs.org/en/ 按默認路徑安裝

安裝完之後在命令行中輸入：

npm

Node.js就安裝成功了。

二. Java環境的搭建

下載地址：http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

（1）選擇對應的系統去下載，

（2）選擇jdk的安裝路徑 D:\java\jdk1.8.0_121

（3）安裝完jdk會跳出一個jre 一樣安裝在D:\java\jre1.8.0_121

如圖：

(4)JAVA_HOME 環境變量的設置

安裝JAVA JDK

打開個人電腦--屬性--高級--環境變量

(在這特別注意的是用戶變量和系統變量倆個都加還有就是注意本身的安裝位置)

(5)修改環境變量 Path 環境變量

%JAVA_HOME%/bin;

（寫到path起最前面，這樣的作法是防止被覆蓋）

(6)修改環境變量CLASSPATH

%JAVA_HOME%/lib/dt.jar;%JAVA_HOME%/lib/tools.jar;

這樣JAVA環境就搭建好了

驗證：

android

彈出以下圖所示就說明環境搭建成功了

三. Cordova環境的搭建

(1) Cordova全局安裝

npm install -g cordova

命令行中輸入進行全局安裝

(2) 建立項目文件

cordova create dache com.shitu91.dache

選擇一個盤符進行建立

(3) 搭建android環境

cordova platform add android --save

這個可能會時間長點，耐心等候。

(4)Cordova 打包

cordova build android --verbose

這裏必須提到的一點是它會生成一個APK手機安裝包，你能夠直接輔助發送到手機上安裝，體驗。
路徑:你當前項目下的 platforms\android\build\outputs\apk 能夠直接找到APK安裝包

這時它會在外網下載一個壓縮包可能會時間長點。

(5)真機測試

cordova run android

這一步必須手機鏈接數據線，它會在你手機上生成一個App軟件。

如圖：

好了，Cordova的環境搭建已經好了。其實本文更多的都是在說android的環境搭建，花的時間最多的也是這個，並且會有國內外網絡的問題，會花很多時間。