Developers know that there are two types of applications in high-end smart-Phone systems:
- One is based on the local (operating system) running app--native App;
- One is the App--webapp of a browser running on a high-end machine
Because the built-in browsers for these high-end smartphones (Iphone, Android) are all based on the WebKit kernel, most of them use HTML5 and CSS3 techniques for UI layouts when developing webapp. When using HTML5 and css3l to do the UI, if you still follow the development of general web Development using HTML4 and CSS2, it will lose the essential meaning of webapp.
- One is based on the development of the two products--hybrid App
The Hybrid app (mixed-mode mobile app) is an app between Web-app and Native-app that combines the benefits of a good user interaction experience with the native app and the benefits of Web APP cross-platform development.
There are three main ways to implement mobile products:
- Native App;
- Web App;
- Hybrid App
At present, the mobile Internet has basically adopted NativeApp
, WebApp
and HybridApp
three kinds of development models, it is difficult to say that the three models of the more superior, the current situation can be said to be three points of the world, different developers can choose different development mode according to their actual situation. It's really boring to talk about patterns that are best.
Nativeapp refers to a localized application, which is a standalone app that we download and install from the store
- Development costs are very large.
The general use of the development language is Java, C + +, objective-c.
- The update experience is poor, but also more troublesome
Every time a new release is released, it needs to be packaged and needs to be manually updated (some applications require a nasty hint even if the user doesn't need to be manually updated).
- Very cool.
Because the native app can invoke UI controls in iOS with UI methods, it can implement some very cool interactions that WebApp can't implement
- The Native app is recognized by Apple
The Native app can be recognized by Apple as a trusted standalone software that can be sold on Apple Stroe, but web apps don't.
Development 成本过高
跨平台性不好
is an important reason why developers choose to abandon this development model. Development of voice is mainly used in Object-C、Java
other languages. Since I am not doing Native
the development of the end, there is not much to say.
WebApp usually refers to the touchscreen station, which is the HTML5 website we visit via our mobile browser, HTML5 supports some new tags and scripts to make native-like effects and animations
- Low development costs
Web App development can be done easily with web development technology
- Easy Upgrade
Upgrade does not need to notify the user, update the file on the server, the user does not feel at all
- Maintenance is relatively easy
As with the general web, maintenance is relatively simple, it is actually a site
WebApp plainly is an iphone, Android optimized Web site, it uses the technology is nothing more than HTML or HTML5, CSS3, JavaScript, server technology Java, PHP, ASP.
The rise of HTML5 technology has injected new life into web apps.
Web app has,,, and 开发成本低
周期短
使用方便
维护简单
Other features.
With the HTML5 being over-stir and the performance and experience problems encountered in the actual development, WebApp is gradually weak.
Similarly, to AppStore为首的App分发平台当然是不希望webapp破坏自己建立的生态系统的
. HTML5 not get a recognized standard, also hinder the development of WebApp. But these are not enough to hinder the development of WebApp. Now the number of apps has reached millions, in fact users do not need so many apps, many apps are downloaded by users, one months will not be opened once.
And WebApp users at all 不需要安装
, only need 打开手机浏览器,输入网址或搜索目标
, click to reach the desired page, 基本和PC互联网的思路是一致的
which also shows that Baidu also in the mobile portal has this great advantage. Nativeapp on the user only installed the app to browse, and WebApp is directly through the mobile browser for the entrance, or push the information for the entrance, so see WebApp in traffic is a great advantage.
However, there are several reasons why WebApp is not well developed in the following areas:
- No effective and extensive webapp distribution channels (Nativeapp AppStore, etc.);
- WebApp performance and experience is not good (this is the mishap it);
- Fit Difficulty (a set of web is difficult to compatible with all mobile phones, especially some of the domestic self-thought is very cow B mobile phone, big Coke counted a bar, haha);
- The matching standard is not yet mature (mainly refers to HTML5 bar).
Website Mobile is inevitable, now know webapp better solution has the following several:
- Cloud with the introduction of a magic code to move the PC website. Chen Ben Teacher is also my study role model, HTML5 sermon officer. Learn more about linking to http://www.yunshipei.com/
- Baidu site App URL: http://siteapp.baidu.com/
- Also know a site to do micro-station, known as the micro-blog entrance has been opened, enterprise users marketing a very good platform: http://www.weizhan360.com/
Hybridapp is a mixed-mode application that is written in both a Web language and a programming language, with native views and Web views, in a way that is consistent with the native app, while inheriting the benefits of real-time update development costs for Web apps.
Cars have hybrid hybrid, and mobile applications also have mixed modes. The Hybrid app combines the benefits of a good user interaction experience with the Native app and the benefits of Web app cross-platform development. Many people do not know that some of the mainstream mobile applications on the market are based on hybrid app development, such as Facebook abroad, Baidu search in the country and so on. But what exactly is the hybrid App? How is it defined?
- Mobile Application:hybrid app is just one app
- Both browser-supported language and computer language: using both Web language and programming language
- Available through application distribution platforms: distributing through the store
- A target device: differentiate the destination platform
- Install to run: User needs installation using
In a comprehensive way, the Hybrid app is developed using both a Web language and programming language, a mobile operating system distribution through the store, and a mobile app for users to install. The overall feature is closer to the native app but is much different from web apps. Just because the language encoding is used at the same time, the development cost and difficulty is much smaller than the native app. As a result, the Hybrid app has all the benefits of the native app, as well as a low-cost advantage of Web apps using HTML5 cross-platform development.
The rise of the Hybrid app is an accident of the mobile internet industry at this stage. After the boom in mobile internet, many companies wave upon wave into the business. But soon discovered that there were too few developers for mobile apps, so it led to crazy talent contention. The treatment of mobile application development personnel under the market mechanism has soared, and eventually became a large number of enterprises can not afford to support a cross-platform development capabilities of professional mobile application development team. The advent of HTML5 has opened up the Web app, HTML5 the cross-platform and cheap advantages of developing mobile applications that have prompted many companies wanting to enter the mobile internet sector. But today's HTML5-based web app is mirrors, and web apps are hard to break down until the three core issues of user portal habits, distribution channels, and app experience are not resolved. It was in such a coincidence that, based on the HTML5 low-cost cross-platform development advantages and the native app features of the hybrid app technology into the melee, and quickly attracted the attention of everyone. Significantly reduce the development costs of mobile applications, can be released through the existing store mode, the user desktop form a separate entrance and so on, so that the hybrid app to solve the mobile application development dilemma is a good choice, but also become the voice of the current web App. Like an assassin, the Hybrid app occasionally has a place in the mobile app development arena when the native app and web App are in melee.
Hybrid app, this existing 跨平台开发周期短
, and 成本低的基因
能发挥Native App体验和性能
advantages, Hybridapp hybrid mobile application development is becoming the first choice for enterprise mobile development.
The Hybrid app is typically 基于第三方跨平台移动应用引擎框架
developed to
Among the domestic developers the more well-known have the PhoneGap、Titanium和AppCan这些引擎框架
general use HTML5和Javascript
as programming language, call 引擎封装的底层功能如照相机、传感器、通讯录、二维码
and so on. HTML5和Javascript只是作为一种解析语言,真正调用的都是NativeApp一样封装的底层功能,这是和Web App的最大区别和不同
. 浏览器技术
hybrid apps usually have 跨平台的特性
, and 开发成本和WebApp接近
, develop 效率也远高于Native App
, because they are used.
To be honest, it's hard to tell, on the surface, whether an app is a native app or a hybrid app, but actually we're more of a Hybrid App当做是Webapp的一部分
native (less), most of the Web page (HTML5 page).
The Hybrid app, like the native app, requires users to distribute channels across a variety of apps 下载并安装到手机上才能用的
. The experience of Hybrid app is of course nothing to say, compared to the great, there are all the advantages of this native app. HTML5 is a good solution to cross-platform problems, but also solves the problem of high development costs.
One Web more native is a great way to describe the development model of the hybrid app.
How does the Hybrid app mix Web language with programming language? Who takes the subject?
The Hybrid app is usually divided into three categories: 多View混合型,单View混合型,Web主体型
.
From the analysis, the Web Principal in Hybrid app can become the best Hybrid app solution type as long as it can solve the problem of poor user experience.
The bottleneck and future of Hybrid app
There are many development frameworks for hybrid apps at home and abroad. How to choose and become a problem. The following is a list and comparison of the centralized, well-known cross-platform development of mobile application middleware that is of interest to developers to choose the most suitable mobile application middleware for you.
PhoneGap is a relatively early choice to enter the public eye. However, developers who develop mobile apps simply based on PhoneGap will certainly find that the results are similar to the poor user experience of web apps. This is why mobile apps based on PhoneGap are primarily focused on iOS. But PhoneGap's current situation weakens HTML5 's cross-platform value.
Appcan in the technical architecture and PhoneGap similar to the Web-based middleware, but by combining some native interaction effect can be achieved by the iOS, Android platform a more consistent user experience. But compared to PhoneGap's open source, Appcan's relatively closed route seems overly cautious.
Titanium is a translation-based cross-platform middleware capable of developing mobile applications with a native experience, but because of the limitations of translation mechanisms, mobile application development cannot be as flexible as real HTML5 development. Even a button cannot be written as normal HTML, but must be in a specific format as specified by Titanium.
Although the Hybrid app is still in its infancy, many of the best companies and technical teams have been working on cross-platform development of mobile application middleware technologies, giving developers many options. Developers can choose the middleware based on the actual project requirements. Web apps are admired by browser vendors and search engine companies, but there are problems that cannot be solved at this stage, such as poor user experience, unclear profit patterns, or eventual premature death. The Hybrid app is being recognized by more and more companies and developers and is bound to become the king of the New World.
Web app, Hybrid app, Native app comparison
-- |
Web App (web App) |
Hybrid app (hybrid app) |
Native app (native app) |
Development cost |
Low |
In |
High |
Maintenance updates |
Simple |
Simple |
Complex |
Experience |
Poor |
Excellent |
Excellent |
Store or market recognition |
Not recognized |
Recognized |
Recognized |
Installation |
Don't need |
Need |
Need |
Cross-platform |
Excellent |
Excellent |
Poor |
HybridApp开发,现阶段主流的平台包括PhoneGap(Cordova),AppCan,appMobi,Titanium等,它们基于webkit开源内核,使用HTML5 标准开发,适配机型简单,支持开发者自定义插件,并能很好的应用于商业,教育,娱乐等行业,成为移动开发者的首选开发平台。
What is an app??? What are the types of app development???