Research on Html5-based mobile development framework and html5-based development framework

Source: Internet
Author: User

Research on Html5-based mobile development framework and html5-based development framework

The following statistics are from the Internet and do not represent my opinion. For more information, see.

        Investigation on Html5 mobile development framework          
                     
  Serial number Framework Introduction Advantages Disadvantages Remarks Focus      
  1 PhoneGap PhoneGap is a fast development platform that uses HTML, CSS, and JavaScript to create mobile cross-platform mobile apps. It allows developers to take advantage of the core features of iPhone, Android, Palm, Symbian, WP7, WP8, Bada, and Blackberry smartphones-including geographic positioning, accelerators, contacts, sounds, and vibrations, in addition, PhoneGap has a variety of plug-ins that can be called. 1. cross-platform. The phonegap framework helps us solve the difference. The connection between javascript and the platform system is completed by the phonegap framework. Become an adapter or middleware for connecting to a mobile terminal.
2. provides hardware access control. You can call the accelerator, camera, compass, address book, document, geographic location, media, network, notification (warning, sound and vibration), and storage.
3. Mature javascript frameworks can be used. For example, Ext js and jQuery.
1. Poor performance. Slow running speed and UI response delay-this is a fatal injury. (High-end servers have little impact)
2. It cannot be completely cross-platform. Code on different platforms must be fine-tuned.
3. High memory consumption.
4. Difficult debugging.
Official Website: http://phonegap.com/ Focuses on hardware Access Control      
  2 Ionic Ionic is a powerful HTML5 application development framework, known as Advanced HTML5 Hybrid Mobile AppFramework. It is an AngularJS Mobile terminal solution that helps you use Web technology, for example, HTML, CSS, and Javascript are used to build mobile applications that are close to the native experience. Ionic focuses on the appearance and experience, as well as the UI interaction with your application. It is especially suitable for developing HTML5 mobile applications based on the Hybird mode. Ionic is a lightweight mobile phone UI library with features such as fast speed, modern interface, and beautiful appearance. To solve the slow running of other UI libraries on mobile phones. 1. Fast Performance
2. Lightweight Framework
3. Based on Angularjs, support for Angularjs features, MVC, and easy code Maintenance
4. Build an application through SASS. It provides many UI components to help developers develop powerful applications.
5. Similar to native.
6. Powerful command line tools
1. Ionic is a front-end framework. PhoneGap and JavaScript frameworks cannot be completely replaced.
2. It must be used in combination with the plug-in.
Official Website: http://ionicframework.com/ Focus on front-end Interaction      
  3 Hbuilder (made in China) HBuilder is a Web development IDE that supports HTML5 launched by DCloud (Digital heaven. "Quick, is the biggest advantage of HBuilder. Through complete syntax prompts and code input methods, code blocks, and many supporting items, HBuilder can greatly improve the development efficiency of HTML, js, and css. 1. HTML5 syntax, HTML5 + syntax, and extended syntax of the three browsers.
2. After each browser releases the new version, its new syntax will be included in HBuilder within one week.
3. Powerful Jquery syntax tips that shock you!
4. Which browser and version of each syntax can run.
5. There is no more comprehensive syntax library than here, and there is no more comprehensive browser compatibility database than here.
1. Cloud compilation cannot ensure security.
2. It cannot be completely cross-platform. Code on different platforms must be fine-tuned.
Official Website: http://dcloud.io/ Focuses on coding implementation      
  4 Appcan (made in China) 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.
1. cross-platform: supports iOS, Android, Symbian, and Windows Phone
2. Native experience: Introduce native UI controls and interactive support (such as Action Sheet)
3. Development tools: Eclipse-based development tools that integrate UI controls and application management
4. UI framework: provides a powerful UI framework for easier page layout and interaction.
5. device API: supports calling various mobile phone devices, such as phones, cameras, sensors, and positioning devices.
6. Local packaging: No environment configuration required, no compilation required, and one-click Local Packaging
7. Plug-in mechanism: supports third-party native plug-ins and JS plug-ins
8. code encryption: the key-based encryption method cannot be cracked and protects html code like mixed encoding.
Statistical analysis: Application Platform Installation statistics, application startup and usage statistics
9. Open Platform: more local advantages, already connected to Sina, QQ, Baidu and other open platforms
10. Technical support: technical support responds in a timely manner and attaches importance to developers' suggestions and feedback
1. The AppCan free version needs to upload the source code to the vendor's server for packaging. for enterprise development, there is a certain risk of source code leakage security. Although the Enterprise Edition can be solved, the stability of the Enterprise Edition remains to be observed.
2. AppCan adopts encapsulated components with high dependencies. Not open source code.
3. AppCan cannot effectively solve native code features.
Official website; http://www.appcan.cn/        
  5 Wex5 (made in China) The WeX5 application quick development framework (including the complete sdk api and all source code) can be developed and run across terminals at a time.
[Positioning] develop open application systems for consumers and the public
[Applicable] General apps, e-commerce apps, customer service apps, member apps, and micro-stores
[Front-end] Android app/Apple app/service number/PC web app
[Backend] backend data processing component, connected to mainstream technical platforms
[Cost] It is completely open-source and free of charge, with no restrictions
1. Efficient and exquisite UI component system. Based on jquery and bootstrap technologies, the improved RequireJS modular technology is adopted.
2. Based on the phonegap (cordova) framework, such as cameras, maps, LBS positioning, compass, Address Book, files, voice, and battery.
3. Visual drag-and-drop integrated development environment IDE, full-capacity debugging support and smart code prompts
1. Limited scope of use: Applicable to: general apps, e-commerce apps, customer service apps, member apps, and micro-stores.
2. A small number of users and unstable factors exist.
Official Website: http://wex5.com/        
  6 ApiCloud (made in China) APICloud is China's leading "cloud-integrated" mobile application cloud service provider. APICloud implemented the "cloud integration" concept and redefined mobile application development. APICloud provides APIs for developers from "Cloud" and "terminal" to simplify mobile application development technology and shorten the development cycle of mobile applications from one month to seven days. APICloud consists of two parts: "cloud API" and "End API", which can help developers quickly implement full lifecycle management of mobile application development, testing, publishing, management, and operation.
APICloud is committed to becoming China's leading cloud service provider in the mobile vertical field, helping traditional software companies move from B/S architecture to APP, and turning millions of web developers in China into mobile APP experts !.
1. Provide the IDE for development.
2. Provides data cloud API, statistics cloud API, and push cloud API
Copyright issues with Hbuilder. Copy Hbuilder Official Website: http://www.apicloud.com/        
                     
    Conclusion:                
    1. cross-platform: Most frameworks target android and ios platforms and require more or less code adjustments.          
    2. Performance: According to incomplete statistics, Ionic performance will be better.            
    3. Code implementation: Hbuilder has higher efficiency.              
    4. PhoneGap was first developed based on Phonegap in China.            
                     
    Note:                
    * There are different opinions on the advantages and disadvantages of the Framework. In general, hybrid app has not achieved the Implementation Effect of native app.            
    * Each framework may encounter different levels of pitfalls during implementation. Please carefully select an application framework based on the Framework's focus.            
    * If you want to develop an App Based on Html5, You need to further verify the implementation of the framework as required and compare the effects of different frameworks.          
                     

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.