Mobile developers, it's time to use HTML5!

Html5 shouted for many years, and has not yet been used on a large scale. Still remember 2012 to participate in the HTML5 Dream Factory (now called the Iweb Summit) went to a lot of people, then naïve thought, Html5 really began to pop up, so in the venue sold books in the place bought Ben HTML5 book to learn. Later, you know, Html5 are tepid, but I did not reduce the enthusiasm for their attention.

As I have been doing mobile app development, multi-terminal with a set of logic development many times do not say, at the same time, developers and the UI and product many times to communicate to achieve, as an app developer, the pain inside, I have a say. So, especially want to see a cross-platform framework can cover live all platforms, really can achieve a write, all mobile terminal running purposes. Hbuilder (this was seen at the 14 iweb Summit), Appcan, WeX5, Apicloud, etc. Limited to understand not too deep, the approximate result is the following table (the comparison results are the views of my practice):

Frame name	Advantages	Disadvantages
apicloud	claims to redefine mobile development has its own Baas service, directly backstage Edit database table, direct live produced corresponding rest A PI, cool as never before. have their own store, there are some third-party components, can be used.	on the product in order to and Baas with a terminal API, the server API, the folding To run up, to learn a little more. For anyone without server Development experience, you can only look at the end API.
appcan	Should be self-developed mobile app cross-platform development engine, should be more confident of their own, has now Open source, Praise! For those who like to toss is a gospel. There is a business case, I downloaded a Juneyao Airlines, such as the e-line of the case run, the basic can meet the needs. Did not carefully study down.	From auspicious airlines such as e-line (2.0.3) This app, experience also to be strengthened, it is worth the developer to try.
hbuilder	Use Html5plus to compensate for the lack of native webview performance, and to solve the problem of and native communication, in JS you can Instantiate native components, and so on. The demo runs More smoothly. It's the best of the four! Have your own Hbuilder editor handy. The	Documentation, tutorials are not perfect. Although I have a UI framework But it's still a problem for a rookie like me to get started. Eventually made a simple app with less contact.
WeX5	Claims to be truly a full-platform, Android, IOS website, a real development run everywhere. The documentation tutorial by was not very smooth and did not delve into the study.	There are not many documents, and it takes time to get started.

From the above summary, although HTML5 did not come, for the various manufacturers are grinding fist rub palm, the scene can be said to have been fighting four. However, for developers we are a positive, I like. But today I want to introduce is not the above framework, but a more popular foreign framework called Ionic, in fact, to say that the cross-platform development of the above several frameworks can be satisfied, but the performance and experience of the problem are user sensitive, have to consider. This is also why I recommend Ionic, which focuses on experiencing extreme optimization, close to native. Follow the official tutorials and resources step by step I soon set up a TODO app~~~ experience address (Android version) portal-click to download
APP:

***
OK, so far, download experience of this app if you feel that the experience is not good enough can not look down. Because it's all about Ionic's knowledge, if you feel like it, I put the source on GitHub: Go to the Ionic-todo APP source code. There is a need for yourself to download the compilation, research.

Sorry, said so long to get to the point, this is the history of the longest opening!

What is ionic and what is it for?

Ionic is a HMTL5 framework that focuses on developing and building hybird models across platforms. The Hybird mode app is a microsite that has access to the local device interface (such as access to cameras, file systems, sensors) and runs on a Web browser shell. As a result, apps developed by the Hybird model have many advantages that are not available in native apps, especially in cross-platform support, rapid development, and fast access to third-party code.
Ionic can be imagined as a front-end framework for dealing with a compelling UI interaction experience and a nice look for the app. Somewhat similar to bootstrap for native, but Ionic supports more extensive and closer to native native mobile components.
Unlike the responsive framework, Ionic is born with a style and UI component and layout that is very close to native mobile that does not exist in existing web development. It also provides some optional and powerful ways to build a HTML5 development framework based on existing ones.
Since Ionic is a HTML5 development framework focused on experience and operational efficiency, it requires some wrappers like Cordova or PhoneGap to run as a native app. Some of the tools that are strongly recommended for use with Cordova,ionic are based on Cordova.

The origin of Ionic

The team that developed Ionic said they were acutely aware that HTML5 would be running on mobile devices, just as HTML5 had been running on a PC computer. Once the computer is strong enough and the browser technology becomes sufficiently advanced, almost all of them will be forced to spend time with the browser. Developers have developed a large number of Web sites and applications, and recently mobile and tablet computers can run these Web applications because of advances in mobile technology.
Using the Ionic HTML5 framework, it is possible to build nativie or hybird apps rather than to develop mobile sites, as there is already a large number of development tools available on the market for developing mobile sites. So, the Ionic app is not designed to run in Chrome or Safari, but is designed to run in a lower-level, Cordova or phonegap-wrapped browser kernel, such as iOS UIWebView or Android WebView.

Develop hybrid App with ionic

Developers familiar with the web will find that Ionic's program structure and web development are similar. From the core, a ionic app is just a netizen running in the shell of a native app. It also means that you can use any familiar HTML, CSS, JavaScript technology to develop the ionic App. Unlike web pages that jump through URL links, using Ionic is the experience of developing an app that is self-contained (translator Note: Can be understood as a single-page application and jump is based on an anchor point).
Developing an app based on the Ionic framework requires HTML, CSS, and Javascript, and some anxious developers may want to go deep into the native level to study Corvoda plugins or native code, This is not necessary to develop a great app (translator Note: Also can go toss).

Ionic performance

Ionic performance is better, experience is great, this is also I write this article to recommend the purpose of use. Specifically, crossing can use the ONEAPM Performance monitoring tool (monitoring WebView function) under test, below is a monitoring Baidu homepage loading page,

Ionic is a relatively new framework for building the Hybird app, just from the Bate version to the 1.0 version, where the 1.0 version of the revised version has many more to launch the official version, which can be seen as stable enough. And on GitHub on the star 17,766 Times, fork over 2,386 times, it is a sign of popularity. It's time to hug the H5!

Ionic Introduction Section Reference: The Ionic book The first chapter

This article is a ONEAPM engineer original article. ONEAPM is the emerging leader in China's basic software industry, helping enterprise users and developers easily implement slow program code and real-time crawling of SQL statements. To read more technical articles, please visit the ONEAPM Official technology blog.

Mobile developers, it's time to use HTML5!