Early development experience of Hybird App (mixed-mode mobile App), hybird mobile App

Early development experience of Hybird App (mixed-mode mobile App), hybird mobile App

I have been trying to develop a hybird app for the past two months. I have encountered many problems and want to talk about my experiences.

Hybird app (mixed-mode mobile app), which is a mobile app developed in a hybrid manner using Android webview component + HTML5 embedded,
The advantage is obvious. Because Html5 is embedded, it is a good advantage for cross-platform, scalability, and development costs.

Hybird App has many solutions from development tools to packaging and publishing. It is famous for its phonegap from Adobe and AppCan in China. Both solutions have a good tool platform. This time I am using Appcan. It should be noted that Appcan's development tools only support the windows platform. What I have to note is that the js plug-in script integrated in the solution has many bugs.

My technical architecture,

 

Appcan is used as the Packaging Platform for applications, and its built-in JS component is used for data requests. After the requested data is processed using JS for business logic, Angular is used for binding and rendering, the GMU is used for the UI component. js, while gmu has built-in zepto. js and scroll. js and so on. The page is h5 + css3. We can see that, compared with traditional web, many js frameworks and Library applications are added. After all, data calls and business processing are moved to the JS end, so I would like to remind you that you can consider adding a js module management framework, such as seajs. The Data Binding experience Angular is really great. After writing the binding, you only need to focus on the business processing of the backend JS data, which improves the development efficiency.

There are many problems encountered in the encoding phase. For example, the url cannot be used for parameter transmission as usual, and the parameters after page Jump cannot be captured. To reduce the number of requests, you also try to use LocalStorage to cache json. Use Manifest cache to cache html, css, and js files to speed up interface response. Using css3 instead of js for animation effects, but the effects are not ideal, and it seems that JavaScript is still not smooth. Page jump to the white screen, data loading delay, and other conditions, the loading animation experience needs to be better, and the page Jump should be minimized, and some functions should be concentrated on a single html file.

All in all, a lot of optimization methods have been adopted, but it is clear that this kind of hybird app still has a lot of problems in terms of performance experience, but such a solution can still be considered for some simple interactive apps.

Original address: http://imziv.com/blog/article/read.htm? Id = 54

What is the HyBird App?

UI + WEB APP
 
Appcan Open Source

Is open-source.

AppCan is an advocate of Hybrid development of Hybrid apps in China. AppCan application engine supports the development and operation of Hybrid apps. The solution focuses on the problem of HTML5-based mobile applications "not smooth" and "poor experience. The Native interaction capability provided by the AppCan application engine can bring mobile apps developed by html5.
Unlike Phonegap, which supports single webview development of mobile applications by div. AppCan supports the multi-window mechanism, allowing developers to flexibly develop mobile applications through page links like the most traditional web development. Based on this mechanism, developers can develop large-scale mobile applications, rather than simply developing mobile applications.
AppCan provides powerful device calling capabilities, including phones, text messages, cameras, LBS, sensors, databases, and other frequently-used mobile phone functions. developers can call it through JS interfaces to easily build mobile applications.
For more information about open source, go to the LUPA community.