HTML5移動開發之路（21）—— PhoneGap

標籤：blackberry   android   symbian   iphone   行動裝置 App   

本文為 兄弟連IT教育 機構官方 HTML5培訓 教程，主要介紹：HTML5移動開發之路（21）—— PhoneGap

一、PhoneGap是什麼

 

PhoneGap 是一個用基於 HTML，CSS 和 JavaScript 的，建立移動跨平台行動裝置 App程式的快速開發架構。它使開發人員能夠利用 iPhone，Android，Palm，Symbian,WP7,Bada 和 Blackberry 智能手機的核心功能——包括地理定位，加速器，連絡人，聲音和震動等，此外 PhoneGap 擁有豐富的外掛程式，可以以此擴充無限的功能。PhoneGap 是免費的，但是它需要特定平台提供的附加軟體，例如 iPhone 的iPhone SDK，Android 的Android SDK 等，也可以和 DW5.5 配套開發。使用 PhoneGap 只比為每個平台分別建立應用程式好一點點，因為雖然基本代碼是一樣的，但是你仍然需要為每個平台分別編譯應用程式。PhoneGap 針對不同平台的 WebView 做了擴充和封裝，使 WebView 這個組件變成可訪問裝置本地 API的強大瀏覽器，所以開發人員在 PhoneGap 架構下可通過 JavaScript 訪問裝置本地 API。

WebView是什麼（WebView組件實質是行動裝置的內建瀏覽器 WebView這個內建瀏覽器特性是Web能被打包成本地用戶端的基礎，可方便的用 HTML5、CSS3 頁面配置，這是移動 Web 技術的優勢相對於原生開發）

650) this.width=650;" src="http://img.blog.csdn.net/20140114112505781?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZGF3YW5nYW5iYW4=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" style="border:0px;" />

二、PhoneGap的優勢

（1）跨平台：PhoneGap 是唯一的一個支援 7 個平台的開源移動架構（PhoneGap 包括地理定位，加速器，連絡人，聲音和震動等，此外 PhoneGap 擁有豐富的外掛程式，可以以此擴充無限的功能，幾乎 Native App能完成的功能他都能完成）。它的優勢是無以倫比的：開發成本低——據估算，至多 Native App 的五分之一！

（2）易用性，基於標準的 Web 開發技術 (html + css +js)

（3）提供硬體存取控制（api）

（4）可利用成熟 javascript 架構（JqueryMobile SenchaTouch）

（5）方便的安裝和使用

三、PhoneGap的不足

(1) PhoneGap 應用程式的運行是寄託於行動裝置上各平台的內建瀏覽器 webkit 的，受到 webkit 處理速度影響，以及各個平台的硬體與軟體的效能制約，其程式啟動並執行速度會比原生的程式稍微慢點，但是筆者認為，這些問題在 1-2 年內都會解決，因為現在的硬體的發展速度太快了。

(2)還有一些底層的功能需要外掛程式來實現比如（推送功能）

(3)平台差異化不同，PhoneGap 應用程式在所有平台上運行介面看起來都一樣。即使這個應用程式與原生應用很相像，但對於習慣了 iOS與 Android 平台的使用者來說，會覺得不習慣，他們還是會很快看出差異。通過綜合比較 PhoneGap 的優點與不足，我們認為，如果你想快速實現一般的移動 WebApp 或者普通的2D 遊戲，那麼可以採用 PhoneGap 技術。如果你想要實現需要大量 CPU 計算的應用或者 3D 遊戲，或者對使用者體驗及介面有極致的追求，考慮目前的硬體條件和開發成本，使用原生開發來實現比較適合。

四、PhoneGap 前景

2011 年 10 月 4 日 Adobe 宣布收購了建立了 HTML5 行動裝置 App架構 PhoneGap 和 PhoneGap Build 的新創公司 Nitobi Software。這使得 phonegap 有了堅強的後盾，phonegap 的發展前景也是一片光明。與此同時，PhoneGap 的開源架構已經被累積下載 60 萬次，藉助 PhoneGap 平台，已有數千應用程式建立在 iOS，android以及其它作業系統之上。

五、Web App, Native APP,Hybird App 介紹

（1）Web App

這個主要是採用統一的標準的 HTML,JavaScript.CSS 等 web 技術開發. 使用者無需下載，通過不同平台的瀏覽器訪問來實現跨平台，同時可以通過瀏覽器支援充分使用 HTML5 特性，缺點是這些基於瀏覽器的應用無法調用系統 API 來實現一些進階功能，也不適合高效能要求的場合.

（2）Native APP

就是所謂的原生應用.指的是用平台特定的開發語言所開發的應用.使用它們的優點是可以完全利用系統的 API 和平台特性，在效能上也是最好的。缺點是由於開發技術不同，如果你要覆蓋多個平台，則要針對每個平台獨立開發,無跨平台特性.

（3）Hybird App

則是為了彌補如上兩者開發模式的缺陷的產物.分別繼承雙方的優勢.首先它讓為數眾多的 web 開發人員可以幾乎零成本的轉型成行動裝置 App開發人員；其次，相同的代碼只需針對不同平台進行編譯就能實現在多平台的分發，大大提高了多平台開發的效率；而相較於 web App，開發人員可以通過封裝好的介面，調用大部分常用的系統 API。PhoneGap 正是 Hybird APP 的代表開發架構

六、Html5 行動裝置 App軟體開發架構 JqueryMobile SenchaTouch 介紹

1.JqueryMobile 介紹

jQuery Mobile 是 jQuery 在手機上和平板裝置上的版本。jQuery Mobile 不僅會給主流移動平台帶來jQuery 核心庫，而且會發布一個完整統一的 jQuery 移動 使用者介面架構。支援全球主流的移動平台。此架構簡單易用。頁面開發主要使用標記，無需或僅需很少 JavaScript。此架構簡單易用。頁面開發主要使用標記，無需或僅需很少 JavaScript。

2.SenchaTouch 介紹

前不久基於 JavaScript 編寫的 Ajax 架構 ExtJS,將現有的 ExtJS 整合 JQTouch、Raphaël 庫，推出適用於最前沿 Touch Web 的Sencha Touch 架構，該架構是世界上第一個基於 HTML5 的 Mobile App 架構。同時，ExtJS 更名為 Sencha，JQTouch 的創始人 David Kaneda，以及 Raphaël 的創始人也已加盟 Sencha團隊

HTML5移動開發之路（21）—— PhoneGap