Mobile developers, it's time to use HTML5!

" guided Reading " because 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 purpose I think you and I also want to have such a product. Today, it came to us to meet.

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	Known as the redefinition of mobile development has its own BAAS services, directly backstage editing database tables, directly born The rest API has never been better. have their own store, there are some third-party components, can be used.	In order to integrate with Baas, the service-side API To run, to learn a little more. For no server Development experience can only look at the end of the API.
Appcan	Should be self-developed mobile app cross-platform development engine, should be more confident about themselves, has now By open source, praise! For those who like to toss is a gospel. With a business case, I downloaded a Auspicious airlines, such as the e-line of the case run, the basic can meet the demand. Did not carefully study down.	From the app, such as E-line (2.0.3), the experience Also Need 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 how to and native communication problem, in JS can instantiate native components and so on. Demo run up Also more fluent. It's the best of the four! Have your own Hbuilder editor handy.	The documentation and tutorials are not perfect. Own Although there is a UI framework But for a rookie like me, getting started is still a problem. Eventually After making a simple app, there's less contact.
WeX5	Known as the real full platform, Android, IOS website, real one development everywhere running AH. By The documentation tutorial was not very smooth and did not delve into the study.	There are not many documents, so 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 the 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. At its core, a ionic app is just a Web page 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!

Paper tote Bag http://www.biyinjishi.com/products/a20-b2050/d100026/
Fabric Tote Bag http://www.biyinjishi.com/products/a20-b2050/d100027/
Plastic bag http://www.biyinjishi.com/products/a20-b2050/d100028/
Promotional Gift http://www.biyinjishi.com/products/a20-b2055/d100028
Gift http://www.biyinjishi.com/products/a20-b2055/d100028
Voucher http://www.biyinjishi.com/products/a20-b2060/d100028
Coupon http://www.biyinjishi.com/products/a20-b2060/d100028
Self- adhesive stickers http://www.biyinjishi.com/products/a20-b2065/d100028
Envelope http://www.biyinjishi.com/products/a20-b2070/d100028
books and Brochures http://www.biyinjishi.com/products/a30/
Data Printing http://www.biyinjishi.com/products/a30-b3010/
Book Printing http://www.biyinjishi.com/products/a30-b3015/
Art Copy http://www.biyinjishi.com/products/a30-b3020/
Tender making http://www.biyinjishi.com/products/a30-b3030/
Certificate Making http://www.biyinjishi.com/products/a30-b3035/
paper Making http://www.biyinjishi.com/products/a30-b3050/

Mobile developers, it's time to use HTML5!