Introduction to Mobile development Native app, Hybrid app and web App

Source: Internet
Author: User

Quickly differentiate definitions:

Native App

Based on smartphone local operating system such as IOS,Android,WP and using native program (SDK) Write a third-party application that requires user installation to run ;

Web APP

Programmed with WEB technologies such as html+js+css , the code runs in a mobile browser and invokes the Device API through the mobile browser (depending on HTML5 Future support capabilities) do not require user-installed applications;

Hybrid App

Use both Web language (Web technology ) and programming language (Java,objective-c , etc. ) ) Development, through the App Store to differentiate mobile operating system distribution, requires users to install the use of mobile apps.

"Reproduced use, please specify the Source: http://blog.csdn.net/mahoking/article/details/30235243"

Introduction to Understanding:

Web app,Hybrid app,Native app comparison


Native App

Native App This section describes the "Quick difference definition"

Web App

    web app  is based on HTML5 standard developed, web app HTML5 standard support.

    Current mainstream operating system ios android windows phone HTML5 The support of HTML5 well known, HTML5 canvas graphics, audio video, local storage, offline applications, geolocation and other new features.

Note This section for more information, see http://www.w3school.com.cn/html5/


Benefits of the Native App:
1, excellent user experience and gorgeous interactive operation, can provide different user experience for different platforms;
2, can not be limited by the network speed, save bandwidth costs;
3, access to local hardware equipment and resources;
4, the profit model is clear.

disadvantages of the Native App:
1, the transplant between different platforms trouble;
2, maintenance of multiple versions of the cost is relatively high;
3, need to pass the third party audit;
4. Profit needs to be divided into third parties.

ForNative App's shortcomings,Web Appwell made up for these weaknesses, developers just need to knowHTML5,CSS3,JSas wellDevice APIcan complete the application in multi-terminal equipment and platform operation, very good to ensure the application of cross-platform consistency, relative toNative Appdevelopment costs are lower, while updates and maintenance are easier, and users have little installation costs and are more free and open. But any new technology always has pros and cons,Web AppIt will also encounter the user experience,UIeffects and issues related to invoking local devices and resources.

Hybrid App

The Hybrid App is typically divided into three types: Multi - view Hybrid, single - view Hybrid, andWeb -based .

Multi- View Hybrid:

ThatNative Viewand theWeb Viewindependent display, alternating appearance. The current commonHybrid Appis aNative Viewwith theWebViewthe alternating scene appears. This application hybrid logic is relatively straightforward. That is, when needed, theWebViewas a separateView(Activity) to run up, inWebViewto complete the relevant display operation within the This mobile application body is usuallyNative App,Webtechnology is just a complementary function. Development difficulty andNative Appbasically quite.


Single- View Hybrid:

That is within the same view , including Native view and Web view. The relationship between each other is overlay (cascade). the development cost of this Hybrid App is higher, the development is more difficult, but the experience is better. such as Baidu Search as the representative of the single - View Hybrid Mobile application, can achieve full flexibility, but also to achieve a better user experience.

Web principal type:

That is, the body of the mobile app isWeb View, mainly written in web language, interspersedNativefunction ofHybrid Appdevelopment type. This type of mobile app experience is relatively flawed, but the overall development difficulty is significantly reduced and can be achieved across platforms. WebThe user experience of the subject type mobile application mainly depends on the interaction of the underlying middleware and the ability of cross-platform. of foreignAppmobi,PhoneGap, the domesticAppcanand theRexseeall belong toWebprincipal mobile application middleware. WhichRexseeCross-platform development is not supported. Appmobi and PhoneGap , in addition to underlying underlying capabilities, are implemented through the mechanism of plug-in (Plugins) extensions Hybrid . In addition to the plug-in mechanism, Appcan also provides a large number of single - View Hybrid interface to perfect and compensate for the Web principal type Hybrid app experience Poor, close to the Native app experience. [RedPart of the controversy, to be perfected.]

"From"http://www.iteye.com/news/25442 See This page for more information.

"Reproduced use, please specify the source:http://blog.csdn.net/mahoking/article/details/30235243"

Reference Documents:

1,http://www.w3school.com.cn/html5/

2, http://www.iteye.com/news/25442




Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.