Xiaoqiang's HTML5 mobile development journey (21)——PhoneGap

1. What is PhoneGap

PhoneGap is a rapid development framework for creating mobile cross-platform mobile applications based on HTML, CSS and JavaScript. It enables developers to take advantage of the core features of iPhone, Android, Palm, Symbian, WP7, Bada and Blackberry smartphones - including geolocation, accelerator, contacts, sound and vibration, etc. In addition, PhoneGap has a rich set of plug-ins that can Expand unlimited functionality. PhoneGap is free, but it requires additional software provided by specific platforms, such as iPhone SDK for iPhone, Android SDK for Android, etc. It can also be developed in conjunction with DW5.5. Using PhoneGap is only slightly better than building separate apps for each platform, because although the basic code is the same, you still need to compile the app separately for each platform. PhoneGap has extended and encapsulated WebView for different platforms, turning the WebView component into a powerful browser that can access the device's local API. Therefore, developers can access the device's local API through JavaScript under the PhoneGap framework.

What is WebView (The WebView component is essentially the built-in browser of the mobile device. WebView. This built-in browser feature is the basis for the Web to be packaged into a local client. It can be conveniently used for HTML5 and CSS3 page layouts. This is a mobile Advantages of Web technology compared to native development)

## 2. Advantages of PhoneGap

(1) Cross-platform: PhoneGap is the only one that supports 7 platforms An open source mobile framework (PhoneGap includes geolocation, accelerator, contacts, sound and vibration, etc. In addition, PhoneGap has a rich set of plug-ins that can be used to expand unlimited functions, and it can complete almost all the functions that Native App can complete). Its advantages are unparalleled: low development costs - according to estimates, at most one-fifth of Native Apps!

(2) Ease of use, based on standard Web development technology (html + css +js)

(3) Provide hardware access control (api)

(4 ) Mature javascript framework (JqueryMobile SenchaTouch) can be used

(5) Convenient installation and use

3. Shortcomings of PhoneGap

(1) The running of PhoneGap application is The built-in browser webkit of each platform on mobile devices is affected by the processing speed of webkit and the performance constraints of the hardware and software of each platform. The running speed of the program will be slightly slower than the native program, but the author believes that these The problem will be solved within 1-2 years, because the current hardware development speed is too fast.

(2) There are also some underlying functions that require plug-ins to implement such as (push function)

(3) Platform differentiation is different. The PhoneGap application running interface looks the same on all platforms. Same. Even though the app looks very similar to the native app, it may feel unfamiliar to users who are used to the iOS and Android platforms, and they will quickly notice the difference. By comprehensively comparing the advantages and disadvantages of PhoneGap, we believe that if you want to quickly implement a general mobile WebApp or an ordinary 2D game, you can use PhoneGap technology. If you want to implement an application or 3D game that requires a lot of CPU calculations, or have the ultimate pursuit of user experience and interface, considering the current hardware conditions and development costs, it is more suitable to use native development to implement it.

4. PhoneGap prospects

On October 4, 2011, Adobe announced the acquisition of Nitobi Software, a new company that created the Html5 mobile application framework PhoneGap and PhoneGap Build. This gives Phonegap a strong backing, and Phonegap’s development prospects are bright. At the same time, PhoneGap's open source framework has been downloaded a cumulative 600,000 times, and thousands of applications have been built on iOS, Android and other operating systems with the help of the PhoneGap platform.

5. Introduction to Web App, Native APP, Hybird App

(1) Web App

This mainly uses unified standard HTML, JavaScript.CSS and other web technologies Development. Users do not need to download. Cross-platform is achieved through browser access on different platforms. At the same time, HTML5 features can be fully used through browser support. The disadvantage is that these browser-based applications cannot call system APIs to implement some advanced functions, and are not suitable for Where high performance is required.

(2) Native APP

is the so-called native application. It refers to applications developed with platform-specific development languages. The advantage of using them is that they can be fully Taking advantage of the system's API and platform features is also the best in terms of performance. The disadvantage is that due to different development technologies, if you want to cover multiple platforms, you need to develop independently for each platform, without cross-platform features.

(3) Hybird App

is to make up for it The products of the shortcomings of the above two development models inherit the advantages of both parties. First of all, it allows a large number of web developers to transform into mobile application developers at almost zero cost; secondly, the same code only needs to be compiled for different platforms. It can be distributed on multiple platforms, which greatly improves the efficiency of multi-platform development; compared with web apps, developers can call most commonly used system APIs through packaged interfaces. PhoneGap is the representative development framework of 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 (m.sbmmt.com)!