So prosperous mobile WebApp development market: Summarize some of the current mobile Web development kits

Write in front:

The popularity of mobile markets has led to a number of emerging areas such as mobile networking, mobile shopping, hand-travel, and intelligent hardware. The level of smart terminal hardware is getting higher, the ability to run its Web browser is getting stronger, and with html5\js\css booming, the web has been able to show a very good experience. However, the web in a browser alone is not a substitute for native native applications, because the generic browser cannot easily invoke local resources such as hardware devices or local files on mobile devices. Then someone thought, why can't you make a dedicated browser that makes the Web easy to access local resources? This is now the mobile web App development suite. There are two things involved:

1. Operating framework: The above-mentioned dedicated browser, in fact, can also be understood as a running js\html5\css virtual machine. The Web code we write can run on the virtual machine, and this virtual machine defines the API to access the smart terminal's local resources through JS\HTML5\CSS. If you package and publish this virtual machine in combination with the Web code, you can produce a native application.

2.UI Framework: Html5\js\css combined UI Framework. Simple JS\HTML5\CSS If you write a beautiful UI is still very laborious, you have to define a lot of CSS, make a lot of footage pictures. In fact, the ordinary web has some JS library or frame, such as: ExtJS, jquery, etc... So the mobile side has it? Some! Best known for example, jquery Mobile.

However, in the Web field, many projects are open source, so after the idea, a lot of similar projects emerge. The author now to summarize some, the market seems to be more fire, or businessmen continue to hype some of the development kit bar.

Before reading the convention: the author will run the Web code of the virtual machine or the Web code can be deployed to the smart Terminal Development Kit for, running the framework. The JS/HTML5/JS development Framework, UI framework that will be used for mobile Web application development.

First, PhoneGap and Cordova

1. Official website: http://www.phonegap.com/

2. Nature: Operating framework, almost fully compatible

3. Description: This should be one of the pioneers of mobile Web applications. It turned out to be a small company development framework, and its purpose was to cross-platform, because the intelligent terminal at that time has a flourishing state (interested in reading the author of another blog post on the year N mobile operating system). It is very hard to apply developers who want to develop native applications on so many platforms. The author of the framework at that time was thinking about why it could not be used for web development. With the initial phonegap, the company was later acquired by Adobe, and its prospects were high. Adobe extracts phonegap core code and contributes to Apache, named Cordova. and PhoneGap used Adobe's own business projects to provide a number of value-added services, such as writing PhoneGap-based WebApp code in Dreamweaver and then phonegapbuilder the service directly on the DW, The Adobe cloud itself helps you encapsulate your code as a native installation package for mobile platforms.

4. Authorization: Cordava is fully open source based on the Apache Open Source license agreement, and PhoneGap is the commercial version.

Second, Sencha Touch

1. Official website: https://www.sencha.com/

2. Nature: UI Framework

3. Description: This is the mobile version of the famous ExtJS. The latest version may merge the mobile version with the Standard Edition. Code chatty, which belongs to the heavyweight UI library. ExtJS This project source is also very interesting, originally just yahoomail a JS UI library, later the author expanded on its foundation and finally formed the present ExtJS, a very large JS UI library. Because this is a UI library, you can apply it to the regular mobile web and also add a lot to your Web page.

4. Authorization: Sencha Licensing has a commercial open source, if directly with his JS library is basically no money, but if you want to use his development kit, such as WYSIWYG UI drawing kit will need to charge.

Third, JQuery Mobile

1. Official website: http://jquerymobile.com/

2. Nature: UI Framework

3. Description: The mobile version of this famous jquery. Like jquery, it's a lightweight JS library that uses HTML5+CSS+JS technology. Should be lightweight, so the web is loaded with a little advantage over Sencha. The disadvantage is obvious: there are too few UI controls. Because jquery Mobile is so popular, there are also many third-party extension control libraries such as jquery mobile Touch. Interestingly, Sencha Touch is also a blend of jquery Mobile touch.

4. Authorization: Fully open source, rest assured that use

Iv. Titanium

1. Official website: http://www.appcelerator.com/

2. Nature: Operating Framework

3. Note: This framework is not entirely based on the Web form of the framework, the reason for its primary purpose is a bit like node. JS is the main development language JS, support HTML5 UI, the program automatically encapsulated as JS. The final framework translates the JS code into code that can be executed by the native code. Even the JS code can directly call the native OBJECTC, and later adapt to the trend, titanium in subsequent versions of the Web features to increase the support, so that it more and more like phonegap.

4. Authorization: Basic use of the money, but to use the SDK in the advanced features, as well as the official development kits are for money OH

Wu, Dcloud (domestic)

1. Official website: http://dcloud.io/

2. Nature: Operating Framework +ui Framework

3. Description: This dcloud, using the operating framework of the standard called html5+ is the company's own push standards, and the corresponding operating framework called Html5+runtime. A UI framework called MUI is also provided. In addition, the company released a Web development kit for Html5+\mui Hbuilder (author has a simple introductory word IDE article). This hbuilder is really a bright spot, can a very good web Js coding environment, syntax highlighting hints, code navigation and so very good. Count on a more conscience of the domestic JS development environment. Although I have not used html5+ and MUI, but the light Hbuilder this product I have a great affection for it.

4. Authorization: At present all projects are open source, casual use.

Liu, WeX5 (domestic)

1. Official website: http://wex5.com/cn/wex5/

2. Nature: UI Framework based on PHONEGAP, integrated with its own front-section UI framework

3. Description: There are a number of packages based on the PHONEGAP framework, they basically provide a set of easy to solve, such as off-the-shelf skin, ready-made front and back procedures, of course, you can also be based on the existing things to modify some. It can be done together, native apps, and mobile web. The operational thinking of this kind of kit makes me feel emotional discuz thinking. So the author come up with a description, other similar, I will not say.

4. Authorization: Fully open source, of course, he also has a commercial version. Called BeX5.

Seven, Apiclond (domestic)

1. Official website: http://www.apicloud.com

2. Nature: UI Framework + running framework + integrated server side

3. Description: This domestic project is more intelligent than WeX5, you do not even need to have a server, complete with Apiclond storage, database, Web server and so on server applications, they call it cloud, Then the server application you developed is deployed to the Apiclond server (of course she calls the server point has a strict API interface), your local Web code through the server-side deployment packaged into a native installation package, known as Cloud compilation. It's a gimmick. Indeed for some small businesses that want to develop applications quickly, it is still full of convenience.

4. Authorization: Simple and practical not money, but to enough cloud resources such as databases, cloud storage space, that is to charge

In addition, in addition to the Web form of cross-platform mobile application solutions, there are some other ways to solve. For example, how to. Net

Extras: Xamarin

1. Official website: https://xamarin.com

2. Nature: Operating framework +ui framework (based on independent C # language)

3. Note: Mono is a. NET open source project, and then after all of Mono's company Novell was acquired, the Mono project seemed like a goner. Heard that some of the members came out to form the company Xamarin continued Mono's mission. The principle of Xamarin is to have C # code execute directly on various intelligent terminals. iOS and Android don't have much problem at the moment. In fact, the idea of such a solution is similar to the mobile web, but the development of the language for the corresponding operating framework to change. But the advantage is that workers familiar with the original C # language do not need to be familiar with other languages to develop the corresponding mobile applications, in addition to C # such a mature compiler-type high-level language, its compiler efficiency should be higher than JS such explanatory language.

4. Authorization: Currently charged, can be cracked

So prosperous mobile WebApp development market: Summarize some of the current mobile Web development kits