Apache Cordova is now one of the most popular and top frameworks for building cross-platform mobile apps as it allows developers to easily write one set of code which can then be published on nearly every platform out there.
To set off on your Apache Cordova development journey, check out Apache Cordova’s “Get Started Fast” guide with all the information you need to embark on that journey and our blog post that lists the TOP Apache Cordova blogs, newsletters, and online communities.
You will also need some tools to help you get started, which is why we’ve compiled below the essential tools needed for Apache Cordova development.
Best 45 Apache Cordova Development Tools and Resources
- Testing Tools
Apache Cordova Frameworks 
Ionic is a front-end SDK for building cross-platform mobile apps. Built on top of Angular, Ionic also provides a platform for integrating services like push notifications and analytics.
Comprehensive cloud-powered and framework-agnostic set of tools Monaca supports both online and offline development, debugging with live-reload feature and cloud build experience.
Custom Elements-based HTML5 framework offers a large selection of components and responsive layout support. Onsen UI lets you create professionally designed multiplatform apps without acquiring additional skillset.
Cocoon is a Cordova based cloud service for building native HTML5 apps and games. Cocoon is focused on providing the best webview engines and features like Canvas+, JS encryption or a custom Developer App.
Framework7 is a free and open source mobile HTML framework for developing hybrid mobile apps or web apps with iOS & Android native look and feel.
Evothings Studio provides Cordova developers with a rapid development workflow, tutorials and example apps for the Internet of Things. Support for Bluetooth Low Energy (BLE) and other IoT related technologies.
Popular Apache Cordova IDEs 
Popular IDE for building cross-platform apps for Android, iOS, and Windows. Complete with advanced build and debugging support.
The NetBeans IDE 8.2 includes sample getting started apps, however it must be tweaked to properly manage plugins. NetBeans is a powerful and intuitive IDE that makes it easier to manage Cordova apps, but you’ll still need to use the CLI anyway from time to time, such as to compile Release builds.
NetBeans require certain tweaking in order to avoid problems with the Cordova plugins. The built-in plugins manager will fail to install any plugin whatsoever
The Cordova Tools Visual Studio extension allows you to debug your code, find commands in the Command Palette, and use IntelliSense to browse objects, functions, and parameters in plugin APIs. This extension works with any Cordova-based project.
App Builder IDE
App Builder is a complete IDE for Microsoft Windows which allows to create HTML5 and native apps without programming knowledge. Offers dozens of controls and actions ready to be used in your apps and lot of app samples to learn it.
TOP Apache Cordova CLIs 
Apache Cordova’s official command line tool.
A command line tool to install and uninstall plugins for use with Apache Cordova projects.
Command line tool for Apache Cordova contributors to manage Apache Cordova repositories, and to help with releases and pull requests.
Libraries for Cordova apps 
Contains npm modules used primarily by Cordova and plugman.
Exposes shared functionality used by cordova-lib and Cordova platforms.
This module is used for creating Cordova style projects. It also includes support for Cordova templates and can fetch templates from npm and git.
This package can be used to install and uninstall Node.js packages using npm.
This module can be used to serve up a Cordova application in the browser. It has no command-line, but rather is intended to be called using an API.
Apache Cordova Testing Tools
The cordova-plugin-test-framework plugin defines the interface for Cordova plugins to write tests and provides a test harness for actually running those tests.
Tests run directly inside existing Cordova projects, so you can rapidly switch between testing and development. You can also be sure that your test suite is testing the exact versions of plugins and platforms that your app is using.
Instabug is the top bug reporting tool for mobile apps. It provides the most useful metadata on the market and exceptional user support. It is also known for its “Shake to Send” feature, an intuitive user gesture that automatically activates bug reports from within the apps on which Instabug is installed.
With each bug report, Instabug automatically captures a screenshot that users can annotate by drawing on, blurring, and magnifying parts of it. Users can also attach further screenshots, voice notes, and screen recordings of the app to provide further context to their report. In addition, Instabug automatically sends detailed user data to developers, including the user steps needed to reproduce each bug, network request and console logs.
Apache Cordova Paramedic runs Cordova medic/buildbot tests locally.
Apache Cordova Mobile Spec Suite is a set of automated & manual tests that test Cordova core functionality.
TOP Apache Cordova Plugins
This plugin provides an implementation of an old version of the Battery Status Events API. It adds the three events batterystatus, batterycritical, and batterylow to the window object.
This plugin defines a global navigator.camera object, which provides an API for taking pictures and for choosing images from the system’s image library.
This plugin defines a global device object, which describes the device’s hardware and software.
This plugin provides access to some native dialog UI elements via a global navigator.notification object.
This plugin implements a File API allowing read/write access to files residing on the device.
This plugin provides information about the device’s location, such as latitude and longitude. Common sources of location information include Global Positioning System (GPS) and location inferred from network signals such as IP address, RFID, WiFi, and Bluetooth MAC addresses, and GSM/CDMA cell IDs.
You can show helpful articles, videos, and web resources inside of your app. Users can view web pages without leaving your app.
This plugin provides the ability to record and play back audio files on a device.
This plugin provides access to the device’s audio, image, and video capture capabilities.
This plugin provides an implementation of an old version of the Network Information API. It provides information about the device’s cellular and wifi connection, and whether the device has an internet connection.
Cordova plugin to set/lock the screen orientation in a common way for iOS, Android, and windows-uwp. This plugin is based on Screen Orientation API so the API matches the current spec.
This plugin is required to work with splash screens. This plugin displays and hides a splash screen during application launch.
The StatusBar object provides some functions to customize the iOS and Android StatusBar.
This plugin provides a way to vibrate the device.
This plugin implements a whitelist policy for navigating the application webview on Cordova 4.0.
This plugin makes Cordova use the WKWebView component instead of the default UIWebView component and is installable only on a system with the iOS 9.0 SDK.
Apache Cordova Templates
A simple Apache Cordova Hello World application. This is used as the default app template when creating new projects.
This is a reference for building and publishing Cordova templates.
According to the app development method based on the Cordova platform, AngularJS+Ionic is adopted as a development framework, part of open-source plug-ins such as an app original plug-in are added, a user can directly call the original plug-in of a corresponding platform through a js method, such as a camera, message receiving and sending and the like; a support platform such as android or ios is added, and meanwhile, common front-end tools suitable for the development of enterprises are packaged. By the adoption of the app development method based on the Cordova platform, the user need not configure the Cordova development environment, can independently develop the plug-ins using provided plug-ins and js components, and can conduct fast app development in the shortest time.
Amazon Fire OS, Android, BlackBerry 10, Firefox OS, iOS, Ubuntu, Windows Phone 8, Windows, Tizen
Create your first Cordova app: https://cordova.apache.org/docs/en/latest/guide/cli/
AngularJS is an excellent front-end JS framework that has been used in many of Google’s products. AngularJS has many features, the most core are: MVC, modular, automated two-way data binding, semantic tags, dependency injection and so on.
Ionic is an open-source, free codebase for developing hybrid mobile applications; optimizing the performance of HTML, CSS, and JS, building efficient applications, and optimizing for building Sass and AngularJS.
Some java engineers are more unfamiliar with mobile development. There are still some blind spots for the platform construction and technical fields, but because of the needs of a project, it needs to involve the field of mobile development. Based on the above combination of technologies, the present invention proposes a cordova platform based app development method.
Content of the invention
The present invention aims at the current technical development needs and shortcomings, and provides a cordova platform-based app development method.
The Cordova platform-based app development method according to the present invention solves the above technical problems by adopting the following technical solutions: The Cordova platform-based app development method based on the open-source Cordova platform mainly includes the following steps: 1) configuring cordova development Environment, 2) create basic projects, and 3) create ionic projects.
Preferably, the step 1) refers to using angularjs + ionic as a development framework.
Preferably, the step 2) includes: creating a basic project, adding common plug-ins, and adding a development platform.
Preferably, the step 3) includes, on the basis of the steps 1 and 2, designing a module for encapsulation, and encapsulating a common front-end tool into a developed js method, which can be called directly during development; the user can directly call the corresponding platform through the js method Native plug-in.
Compared with the prior art, the method for developing an app based on the Cordova platform according to the present invention has the following beneficial effects: The present invention is based on the Cordova mobile terminal development platform, and performs corresponding component encapsulation on the development mode of the angularjs + ionic. According to the present invention Eliminating the need to configure the Cordova development environment and using the plug-ins and js components already provided by the present invention to develop plug-ins on their own so as to enable users to rapidly develop applications in the shortest time.
To make the objectives, technical solutions and advantages of the present invention more comprehensible, a Cordova platform-based app development method of the present invention is further described in detail with reference to specific embodiments.
The invention proposes a method for app development based on the Cordova platform, which uses angular + ionic as a development framework and adds some open source plug-ins, such as an app native plug-in. The user can directly call native plug-ins of the corresponding platform, such as webcams, ; And added a support platform such as android or iOS, while encapsulating the common front-end tools for enterprise development tools.
Cordova is a hybrid development platform, you can easily use h5 and other front-end techniques for rapid app development, the present invention provides a set of commonly used plug-in instructions and package part of the common library, developers can help document in a very short period of time Within the completion of mobile app development, because the plug-ins and libraries have been added, the platform has also been injected, developers do not need to carry out the environment, download the appropriate tools can be directly developed (such as adt, Xcode, etc.).
This example describes a cordova platform-based app development method based on the open source cordova platform, including the following steps:
- configuration cordova development environment,
- to create a basic project,
- to create ionic project.
The steps 1) configuration Cordova development environment refers to the use of AngularJS + Ionic as a development framework.
The steps 2) to create a basic project include, create a basic project, add common plug-ins, such as app native plug-in, and add a development platform, such as android or ios platform.
The step 3) to create the ionic project includes, on the basis of the steps 1 and 2, the design module is encapsulated, the commonly used front-end tool is encapsulated into a developed js method, and the call can be directly invoked during development; the user can call the corresponding platform directly through the js method Native plug-in, such as camera, send and receive text messages.
By adopting the Cordova platform-based app development method of the present invention, the specific implementation manner is as follows:
Step one, download adt or Xcode, import the development framework of the present invention; Step two, according to the development framework for app design, such as the required function modules, function list;
Step three, the user began to develop, as the bottom of the development framework for the JS language, a wide range of applications, most developers can get started after a simple understanding of the development;
Step four, the need to use the native plug-in (such as camera, send text messages, maps, etc.), can be based on the js method call native plug-ins;
Step five, the need to use the tool class, the direct use of the module can be designed, such as multi-parameter pop-up box, validation box, positioning and so on.
By adopting the Cordova platform-based app development method of the present invention, the development of an enterprise-level small and medium-sized app can be completed in the shortest time, eliminating the time period for learning a new language and without requiring the establishment of an environment system. The invention provides Plug-ins and js components for rapid development.
The above specific embodiments are only specific examples of the present invention. The scope of protection of the present invention includes, but is not limited to, the above specific embodiments. Any ordinary technical personnel who comply with the claims of the present invention and have done so Appropriate changes or substitutions should all fall within the scope of protection of the present invention.
- INSPUR SHANDONG ELECTRONIC INFORMATION CO LTD; Development method for bank self-service system cross-browser plugin based on WINDOWS platform (G06F9/45) SEA
- WUXI TVMINING MEDIA SCIENCE & TECHNOLOGY CO LTD; Plug-in development method and system based on Java. (G06F9/45) SEA