小強的HTML5行動開發之路（21）－ PhoneGap

一、PhoneGap是什麼

PhoneGap 是一個用基於 HTML，CSS 和 JavaScript 的，創建移動跨平台移動應用程序的快速開發框架。它使開發者能夠利用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 技術的優勢相對於原生開發）

二、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 日 Adob​​​​e 宣布收購了創建了 Html5 行動應用框架 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 開發人員可以幾乎零成本的轉型成行動應用開發者；其次，相同的程式碼只需針對不同平台進行編譯就能實現在多平台的分發，大幅提高了多平台開發的效率；而相較於web App，開發者可以透過包裝好的接口，呼叫大部分常用的系統API。 PhoneGap 正是 Hybird APP 的代表開發架構🎜

6. Html5 mobile application software development framework JqueryMobile SenchaTouch introduction

1.JqueryMobile introduction

jQuery Mobile is the version of jQuery on mobile phones and tablet devices. jQuery Mobile will not only bring the jQuery core library to mainstream mobile platforms, but also release a complete and unified jQuery mobile UI framework. Supports global mainstream mobile platforms. This framework is simple and easy to use. Pages are developed primarily using markup and require little or no JavaScript. This framework is simple and easy to use. Pages are developed primarily using markup and require little or no JavaScript.

2.Introduction to SenchaTouch

The Ajax framework ExtJS, which was written based on JavaScript not long ago, integrates the existing ExtJS with JQTouch and Raphaël libraries, and launches the Sencha Touch framework suitable for the most cutting-edge Touch Web , this framework is the world's first Mobile App framework based on HTML5. At the same time, ExtJS was renamed Sencha, and David Kaneda, the founder of JQTouch, and the founder of Raphaël have also joined the Sencha team

The above is the content of Xiaoqiang’s HTML5 mobile development path (21) - PhoneGap, For more related content, please pay attention to the PHP Chinese website (www.php.cn)!