利用Cordova將html5頁面打包成app

在WebApp開發時，須要用到Cordova打包，然而一開始接觸Cordova的時候，Cordova一會叫PhoneGap，一會又叫PhoneGap Build（狀況較少），直接給懵了，不知到底在說哪一個

Cordova：PhoneGap的代碼貢獻給了Apache軟件基金會，但保留了PhoneGap的商標全部權，並命名爲Apache
Callback。1.4版發佈後，接着Apache Callback的名稱變動爲Apache Cordova
PhoneGap：本來由Nitobi公司開發，在2011年10月4日被Adobe收購 PhoneGap
Build：是一個在線打包工具，只需上傳你的HTML五、CSS和JavaScript文件Adobe®PhoneGap™構建雲服務,幫你作編譯的工做
總結：你能夠這樣理解，PhoneGap是原先的名字，Cordova是PhoneGap被捐給Apache以後用的項目名，PhoneGap的名字也被保留了。建議開發就直接使用Crodova

1、安裝Crodova

安裝Node.js，因爲0.6版本後的Node.js已經包含了npm
安裝Crodova，打開CMD命令窗口輸入npm install -g cordova
注意：安裝完Node.js，CMD中輸入npm -v檢查npm版本，若是不是最新版npm，經過npm install npm -g命令更新npm最新版本，其中-g表明：安裝全局npm

2、建立Crodova項目

語法：cordova create <PATH> [ID [NAME [CONFIG]]] [options] [PLATFORM...]
示例：cordova create hello com.example.hello HelloWorld，表示在默認路徑（C:Users<YourPCName>）下，建立hello目錄並在該目錄下建立一個包名「com.example.hello」 HelloWorld項目
語法參數說明
PATH：Where to create the project，也就是項目工程路徑
ID：reverse-domain-style package name - used in <widget id>，也就是項目包名
NAME：human readable field，也就是項目名稱
CONFIG：json string whose key/values will be included in [PATH]/.cordova/config.json
Options（選項）:
--copy-from|src=<PATH> ... use custom www assets instead of the stock Cordova hello-world
--link-to=<PATH> ......... symlink to custom www assets without creating a copy

3、添加開發平臺

Add Platforms須要你的PC上已經安裝好該Platforms的SDK，最好給SDK設置好環境變量
進入到項目中cd Name，示例：cd hello
給項目添加Platforms，語法：cordova platform add <platform name>，示例：cordova platform add android

4、編譯，安裝，運行項目

編譯項目：cordova build android
安裝項目：

方法一：

準備：在你放置AndroidSDK的路徑下，打開AVD Manager建立一個模擬器，能夠參考：Google Android開發指南或者Cordova手冊都有詳細建立模擬器過程
輸入命令：cordova run android（若是你以前已經建立過模擬器，就能本身部署應用到模擬器上）

方法二：（適用已安裝好Genymotion）

啓動Genymotion模擬器
定位到項目生成的apk文件，拖動到Genymotion內，自動安裝

方法三：（推薦，適用已安裝好Android Studio，不須要用cordova build android命令編譯）

啓動Android Studio
啓動頁面，選擇Import project(Eclipse ADT,Gradle，etc.)方式打開
import-android
定位到項目platforms下android文件夾，示例：D:helloplatformsandroid
Android Studio會自動用Gradle編譯
android-gradle
編譯完成，進入Android Studio工做界面，可能因爲Gradle版本高，須要更新Gradle plugin，點擊修復就好
fix-gradle
注意：

使用命令cordova build android，第一次這個過程是須要連接網絡，須要在線下載Gradle，下載是gradle-2.2.1
使用Android Studio編譯，下載是Gradle庫中最新版本，目前是gradle-2.4
Gradle放置默認路徑：C:Users<YourPCName>.gradlewrapperdistsgradle-2.2.1-all2m8005s69iu8v0oiejfej094b和C:Users<YourPCName>.gradlewrapperdistsgradle-2.4-all6r4uqcc6ovnq6ac6s0txzcpc0
不能刪除字符串文件夾，若是不能在執行編譯過程當中在線下載Gradle，那麼請從其餘渠道下載Gradle這兩個版本，解壓後文件夾分別爲gradle-2.2.1和gradle-2.4放入到各自版本默認的字符串文件夾下面

歡迎加入nodejs交流羣：572416249