Xiaoqiang's HTML5 mobile development path (21) -- PhoneGap

I. What is PhoneGap?

PhoneGap is a fast development framework that uses HTML, CSS, and JavaScript to create mobile cross-platform mobile apps. It allows developers to take advantage of the core features of iPhone, Android, Palm, Symbian, WP7, Bada, and Blackberry smartphones-including location, accelerator, contact, voice, and vibration, in addition, PhoneGap has a variety of plug-ins, which can be used to expand unlimited functions. PhoneGap is free of charge, but it requires additional software provided by a specific platform, such as the iPhone SDK for iPhone and Android SDK for Android. It can also be developed with DW5.5. Using PhoneGap is only a little better than creating applications for each platform, because although the basic code is the same, you still need to compile applications for each platform separately. PhoneGap extends and encapsulates WebView on different platforms, making WebView a powerful browser that can access the local API of the device, therefore, developers can access the local API of the device through JavaScript in the PhoneGap framework.

What is WebView (the WebView component is essentially the built-in browser WebView of mobile devices. This built-in browser feature is the basis for the Web Client to be packaged and cost-effective. It is convenient to use HTML5 and CSS3 page layout, this is the advantage of mobile Web technology over Native Development)

Ii. Advantages of PhoneGap

(1) cross-platform: PhoneGap is the only open-source mobile framework supporting 7 platforms (PhoneGap includes geographic positioning, accelerators, contacts, sound and vibration, etc. In addition, PhoneGap has rich plug-ins, it can be used to expand unlimited functions, and almost Native apps can complete functions ). Its advantages are unparalleled: low development costs-up to 1/5 of Native apps are estimated!

(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)

(5) convenient installation and use

Iii. PhoneGap Deficiency

(1) the running of PhoneGap applications lies in the built-in webkit browser on various platforms on mobile devices, which is affected by the processing speed of webkit and the performance constraints of hardware and software on various platforms, the program running speed is slightly slower than that of the native program, but I believe that these problems will be solved within one to two years, because the current hardware development speed is too fast.

(2) Some underlying functions need plug-ins for implementation, for example (push function)

(3) The differences between platforms are different. The running interfaces of PhoneGap applications on all platforms look the same. Even if this application is very similar to a native application, users who are used to iOS and Android platforms will feel unaccustomed and will soon see the difference. By comparing the advantages and disadvantages of PhoneGap, we believe that if you want to quickly implement a general mobile WebApp or a general 2D game, you can use the PhoneGap technology. If you want to implement applications or 3D games that require a large amount of CPU computing, or have the ultimate pursuit of user experience and interface, consider the current hardware conditions and development costs, it is more suitable to use native development.

Iv. Prospects of PhoneGap

In 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 the development prospects of phonegap are also bright. At the same time, the open-source framework of PhoneGap has been downloaded for 0.6 million times. With the help of the PhoneGap platform, thousands of applications have been built on iOS, android, and other operating systems.

V. Introduction to Web apps, Native apps, and Hybird apps

(1) Web App

This mainly uses the unified standard HTML and JavaScript. CSS and other web technology development. you do not need to download the data. You can access the data across platforms through browsers on different platforms. You can also use the HTML5 features in your browser, the disadvantage is that browser-based applications cannot call system APIs to implement some advanced functions and are not suitable for high-performance scenarios.

(2) Native APP

Is the so-called native application. it refers to applications developed using specific development languages on the platform. the advantage of using them is that the system's API and platform features can be fully utilized, which is also the best in performance. The disadvantage is that the development technology is different. If you want to cover multiple platforms, You need to develop independently for each platform without cross-platform features.

(3) Hybird App

It is to make up for the defects of the above two development models. they inherit the advantages of both parties. first, it allows a large number of web developers to transform to mobile application developers at almost zero cost. Second, the same code can be distributed on multiple platforms only by compiling on different platforms, compared with web apps, developers can call most common system APIs through encapsulated interfaces. PhoneGap is the development framework represented by Hybird APP.

6. Introduction to Html5 mobile app software development framework JqueryMobile SenchaTouch

1. Introduction to JqueryMobile

JQuery Mobile is a version of jQuery on Mobile phones and tablets. JQuery Mobile not only brings jQuery core libraries to mainstream Mobile platforms, but also releases a complete and unified jQuery Mobile UI framework. Supports mainstream mobile platforms around the world. This framework is easy to use. Page development mainly uses tags, and requires little or no JavaScript. This framework is easy to use. Page development mainly uses tags, and requires little or no JavaScript.

2. Introduction to SenchaTouch

Recently, ExtJS, an Ajax framework compiled based on JavaScript, integrated the existing ExtJS into JQTouch, Rapha & euml; l libraries and launched the Sencha Touch framework suitable for the cutting-edge Touch Web, this is the world's first HTML5-based Mobile App framework. At the same time, ExtJS was renamed Sencha, and JQTouch founder David Kaneda and Rapha & euml; l also joined the Sencha team.