So prosperous mobile webapp Development Market: summarize some of the current mobile web Development kits and webapps

So prosperous mobile webapp Development Market: summarize some of the current mobile web Development kits and webapps

Preface:

The prevalence of the mobile market has driven mobile social networking, mobile shopping, mobile games, intelligent hardware and other emerging fields. The hardware level of smart terminals is getting higher and higher, and the web browser capability running on them is getting stronger and stronger. In addition, with the booming HTML5, JS, and CSS, the Web has already showed a very good experience. However, the web in the browser alone cannot replace the local application, because the general-purpose browser does not have local resources such as hardware devices and local files that are convenient to call mobile devices like the local applications. Then someone thought about it. Why can't I create a dedicated browser that allows the web to easily access local resources? Now we have the mobile Web Application Development Kit. There are two things involved:

1. Running framework: Virtual Machine that runs web code. The specialized browser mentioned above can also be understood as a virtual machine running JS \ HTML5 \ CSS. The web code we wrote can be run on a virtual machine, and the virtual machine defines an API to access the local resources of the Smart terminal through JS \ HTML5 \ CSS. If the Virtual Machine and web code are combined and packaged and released, a raw application can be produced.
2. UI framework: the UI framework of HTML5, JS, and CSS combinations. JS, HTML5, and CSS alone. If you write your own beautiful UI, You have to define a lot of CSS and make a lot of materials and images. In fact, common web already has some js libraries or frameworks, such as EXTJS and JQuery... Are there any mobile terminals? Some of the most famous ones are JQuery Mobile.

However, in the web field, many projects are open-source, so after a channel of thinking, many similar projects have emerged. Now I will summarize some Development kits that seem to be quite popular on the market or that sellers keep hyping.

Read the previous conventions: the development conditions for the author to temporarily deploy Web code virtual machines or deploy web code to smart terminals are,Runtime framework.The JS/HTML5/JS development framework used for mobile Web application development,UI framework

I. PhoneGap and cordova

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

2. Nature: runtime framework, almost fully compatible

3. Note: this should be one of the pioneers of mobile Web applications. It was originally a framework developed by a small company. At that time, it was designed to be cross-platform, the reason is that the smart terminal was in a state of blooming flowers (if you are interested, you can read another blog article about N mobile operating systems that year ). If application developers want to develop Native applications on so many platforms, it is a very hard task. At that time, the author of this framework was thinking why web applications cannot be developed. With the initial PhoneGap, the company was acquired by Adobe, which shows that it has a high prospect. Adobe extracts the core PhoneGap code and contributes to Apache. It is named cordova. PhoneGap is used in Adobe's own commercial projects to provide some value-added services. For example, compile the phonegap-based webapp code in Dreamweaver and then directly use the PhoneGapBuilder service on DW, in Adobe's cloud, you can encapsulate your code into a native installation package for the mobile platform.

4. Authorization: Cordava is fully open-source based on the apache open-source license agreement, and PhoneGap is a commercial version.

Ii. Sencha Touch

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

2. Nature: UI framework

3. Note: This is the well-known ExtJs mobile version. The latest version may merge the mobile version with the standard version. The code is big and complete, and is a heavyweight UI library. The ExtJs project source is also very interesting. Originally, it was just a js ui library of YahooMail. Later, the author expanded it and eventually formed ExtJs, a very large js ui library. Because this is the UI library, you can apply it to a common mobile Web, it will also add a lot of color to your Web page.

4. authorization: sencha's authorization involves commercial and open-source sources. If he uses his js library directly, he will not collect money, however, if you want to use his development kit, such as what you see is what you get, you will be charged.

Iii. JQuery Mobile

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

2. Nature: UI framework

3. Note: This famous JQuery mobile version. Like JQuery, It is a lightweight JS library and HTML5 + CSS + JS technology. It should be lightweight, so it has a little advantage over Sencha in web loading. The disadvantage is that there are too few UI controls. Because JQuery Mobile is too popular, there are also many third-party extension control libraries such as JQuery Mobile Touch. It is interesting that Sencha Touch also integrates JQuery Mobile Touch.

4. Authorization: fully open-source, safe to use

Iv. Titanium

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

2. Nature: runtime framework

3. note: This framework cannot be completely based on a Web framework, because it initially aimed at something similar to Node. js is the main development language, supporting HTML5 UI, and automatically encapsulating programs as JS. The final framework translates JS Code into code that can be executed by native code. Even JavaScript code can directly call the native ObjectC, and then adapt to the trend. Titanium will gradually increase its support for Web features in subsequent versions, making it more and more like PhoneGap.

4. Authorization: you do not need to pay for the basic usage, but you need to use the advanced functions in the SDK and Official Development kits.

 

V. DCloud (made in China)

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

2. Nature: runtime framework + UI framework

3. Note: This DCloud uses the runtime framework standard HTML5 +, which is a self-promoted standard by the company, and the corresponding runtime framework is called HTML5 + runtime. In addition, a UI framework called MUI is provided. In addition, the company also released the HTML5 + \ MUI Web Development Kit HBuilder (I have a brief article about word IDE ). This HBuilder is indeed a highlight. It can be a very good Web Js coding environment, with good syntax highlighting and code navigation. Consider a more conscientious domestic JS development environment. Although I have not used HTML5 + or MUI, I am very fond of Hbuilder.

4. Authorization: currently, all projects are open-source and can be used at will.

Vi. WeX5 (made in China)

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

2. nature: the UI framework is based on PhoneGap and integrates its own front-end UI framework.

3. note: Many PhoneGap-based kits have emerged in China. They provide a complete set of solutions for convenience, such as ready-made skins and ready-made foreground and background programs, of course, you can also modify it based on existing things. I feel Discuz's thinking is what I can do together, with native applications and mobile Web. So I will come up with a description, and I will not talk about other similar features.

4. Authorization: it is completely open-source. Of course, it also has a commercial version. BeX5.

VII. APIClond (made in China)

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

2. Nature: UI framework + running framework + integrated Server

3. note: This domestic project is more intelligent than WeX5, and you don't even need servers. They use APIClond storage, databases, web servers, and other server applications. They are called clouds, then, the server application you developed is deployed on the APIClond server (of course, there are strict API interfaces on the server point). Your Local web code is packaged as a native installation package through server deployment, that is, cloud compilation. All gimmicks. It is really convenient for small enterprises that want to quickly develop applications.

4. Authorization: simple, practical, and cost-effective. However, if you need sufficient cloud resources such as databases and cloud storage space, you will be charged.

 

In addition to the cross-platform mobile application solution in the web form, there are also some other solutions. For example, the. net Method

No.: xamarin

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

2. Nature: runtime framework + UI framework (based on independent C # language)

3. Note: mono is an open-source. net project. After all mono's Novell companies are acquired, the mono Project may not work. I heard that some of these Members have made up xamarin to continue mono's mission. The principle of xamarin is to allow C # code to be executed directly on various smart terminals. Currently, there are no major issues with ios and Android. In fact, the idea of this type of solution is similar to that of mobile web, but the development language should be changed to the corresponding runtime framework. However, the advantage is that developers who are familiar with the original C # language do not need to be familiar with other languages to develop corresponding mobile applications. Furthermore, for C #, a mature compiled high-level language, the efficiency of the compiler should be higher than that of the JS explanatory language.

4. Authorization: currently charged, which can be cracked