利用Cordova開發移動應用程序

很多內容摘自易百教程

Hybrid App

簡介

簡介詳情

混合型移動應用，是指一種介於Native App(本地原生應用)與Web App (網頁應用)之間的應用，該類應用的開發除了使用到本地平臺開發技術（Android、iOS、 BlackBerry等）外，部分功能還使用了Web技術，經過內嵌瀏覽器顯示網頁的方式來實現。

PhoneGap與Cordova

PhoneGap是一個使用Web技術（HTML，CSS和JavaScript）開發跨平臺移動應用的免費且開源框架，目前不少主流的移動開發框架均源於PhoneGap，好比WeX五、appMobi、Worklight等。而要了解Cordova，得先了解一下PhoneGap的一些背景：
PhoneGap框架的起源於加拿大一家叫Nitobi的軟件公司，08年一次iOS開發者大會上，該公司的幾我的提出一個想法：Bridging the gap between the web and the iPhone sdk，想作一個工具來彌補Web和iOS開發之間的不足，這是PhoneGap名字的來源。
2011年10月，Adobe收購了創立PhoneGap項目的Nitobi公司，隨後把PhoneGap項目捐給了Apache基金會，但Adobe保留了PhoneGap的商標全部權。故項目到了Apache旗下，改了個名字叫Apache Callback，由於名字毫無新意，後來又做了一次更名，即如今的Apache Cordova。Cordova是Nitobi團隊當時坐落的街道名稱，用此名來記念Nitobi團隊的貢獻。
到此，咱們差很少了解PhoneGap與Cordova之間的關係了：Cordova是Adobe公司把PhoneGap捐給Apache後新起的名字，它做爲一個開源項目，是從PhoneGap中抽取出來的核心，Cordova與PhoneGap的關係就相似於WebKit與Chrome或Safari的關係。

安裝以前的準備工做

安裝node.js和npm

在node.js官網能夠下載到編譯好的安裝包.
在.bashrc中配置NODE_HOME和PATH變量，好比

export NODE_HOME=/all/app/node/nodev4
export PATH=$NODE_HOME/bin:$PATH

而後source .bashrc使配置生效

Android SDK（對於Android平臺）

JAVA_HOME固然也是要設置正確

.bashrc配置

export ANDROID_HOME=$HOME/Android/Sdk
export PATH=$PATH:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools

版本問題

若是後邊cordova build android報錯

You will require:
1. "SDK Platform" for android-21
2. "Android SDK Platform-tools (latest)
3. "Android SDK Build-tools" (latest)]

好比你目前的android SDK版本是22，須要修改如下兩個文件

myApp/platforms/android/project.properties myApp/platforms/android/CordovaLib/project.properties

修改內容

# Project target.
target=android-22

修改AndroidManifest

<uses-sdk android:minSdkVersion="14" android:targetSdkVersion="22" />

Android SDK Manager的使用

android studio裏有，可是谷歌在牆外更新很卡，可使用這個源android-mirror.bugly.qq.com
設置：tools->option。記得勾選Force那個，而後reload就行啦

別人說還須要git

不過這麼好的東西估計你們都自帶了～

安裝Cordova

npm install -g cordova

檢查版本

cordova -v

Cordova的使用

建立App

cordova create /all/myApp/app1 com.site app1

app路徑：/all/myApp/app1
包名（按照官方建議使用本身的反向域名）：com.site
app名：app1

添加平臺

執行命令後，它會自動下載相關依賴包。一個斜槓在那兒轉，須要等好久，用代理會快一點

cordova platform add android

構建

若是無誤會輸出生成的apk地址

cordova build android

運行

cordova run android     #使用USB真實設備

cordova經常使用命令列表

命令 說明
cordova create <工程路徑> <包名> <工程名> 建立cordova工程，例如：cordova create helloworld_prj "com.yiibai.helloworld" "helloworld"
cordova build android 給cordova項目添加android平臺。
cordova run android 編譯和運行項目。
cordova install android 將編譯好的應用程序安裝到模擬器上。
cordova plugin add <插件徹底限定名> 給項目添加插件。
cordova plugin remove <插件徹底限定名> 刪除插件。
cordova plugin list 查看插件列表。
cordova platforms add android 添加平臺支持。
cordova build android 編譯代碼
cordova emulate android 在模擬器上運行(前提是建立好AVD)
cordova serve android 在瀏覽器運行
cordova run android 經過USB直接安裝到真機

構建本身的應用

在項目目錄下有一個www目錄，這是存放html和js文件的地方，有三個文件夾：css、js、img。index.html是打開app的那個界面。若是網站使用restful風格的api設計，轉換過程將會很是簡單。
這三個文件夾內的文件能夠直接引用，好比

<script src="js/main/1.js"></script>

安裝插件

好比下邊,會好久，而後屏幕會打印超級多個省略號，真是懷疑出問題了，不過那個竟然是進度條！！

cordova plugin add cordova-plugin-dialogs

在android上調試

在chrome中輸入

chrome://inspect/#devices