TOP 45 Apache Cordova Development Tools (2021)

Apache Cordova is a mobile application development platform which allows you to create mobile apps using HTML5, JavaScript, and CSS3 through a set of Cordova development tools which are then turned into a native container allowing you to access the device functions of several platforms.

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

  • Frameworks
  • IDE
  • CLI
  • Libraries
  • Testing Tools
  • Plugins

Apache Cordova Frameworks [8]

Adobe PhoneGap

PhoneGap is the original and most popular distribution of Apache Cordova. Turn your HTML, CSS and JavaScript into an app on your device in minutes using our simple desktop and developer apps.

Ionic

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.

Monaca

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.

Onsen UI

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

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

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

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.

Mobiscroll

Mobiscroll is a collection of cross-platform UI controls for delivering polished iOS, Android & Windows Phone apps. Framework agnostic, use it with plain Javascript, jQuery, Angular, React or Knockout.

Popular Apache Cordova IDEs [5]

Visual Studio

Popular IDE for building cross-platform apps for Android, iOS, and Windows. Complete with advanced build and debugging support.

NetBeans 8.2

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

Cordova Tools Visual Studio Extensions

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.

NSB/AppStudio

NSB/AppStudio is an IDE for webapps/native apps. One step install includes complete PhoneGap integration, plus Bootstrap, jQuery Mobile and jqWidgets. Drag and Drop Designer. Easy programming in JavaScript or BASIC. Windows and MacOS.

TOP Apache Cordova CLIs [5]

Cordova CLI

Apache Cordova’s official command line tool.

Node.js

The Cordova CLI runs on Node.js which is a JavaScript runtime built on Chrome’s V8 JavaScript engine.

NPM

The Cordova CLI is distributed as an NPM package which is the package manager for JavaScript and the world’s largest software registry.

Cordova Plugman

A command line tool to install and uninstall plugins for use with Apache Cordova projects.

Cordova Coho

Command line tool for Apache Cordova contributors to manage Apache Cordova repositories, and to help with releases and pull requests.

Libraries for Cordova apps [6]

Apache Cordova JS

A unified JavaScript layer for Apache Cordova projects.

Apache Cordova Lib

Contains npm modules used primarily by Cordova and plugman.

Apache Cordova Common

Exposes shared functionality used by cordova-lib and Cordova platforms.

Apache Cordova Create

This module is used for creating Cordova style projects. It also includes support for Cordova templates and can fetch templates from npm and git.

Apache Cordova Fetch

This package can be used to install and uninstall Node.js packages using npm.

Apache Cordova Serve

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

Apache Cordova Plugin Test Framework

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

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

Apache Cordova Paramedic runs Cordova medic/buildbot tests locally.

Apache Cordova Mobile Spec Suite

Apache Cordova Mobile Spec Suite is a set of automated & manual tests that test Cordova core functionality.

TOP Apache Cordova Plugins

Apache Cordova Battery Status Plugin

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.

Apache Cordova Camera Plugin

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.

Apache Cordova Device Plugin

This plugin defines a global device object, which describes the device’s hardware and software.

Apache Cordova Dialogs Plugin

This plugin provides access to some native dialog UI elements via a global navigator.notification object.

Apache Cordova File Plugin

This plugin implements a File API allowing read/write access to files residing on the device.

Apache Cordova GeoLocation Plugin

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.

Apache Cordova InAppBrowser Plugin

You can show helpful articles, videos, and web resources inside of your app. Users can view web pages without leaving your app.

Apache Cordova Media Plugin

This plugin provides the ability to record and play back audio files on a device.

Apache Cordova Media Capture Plugin

This plugin provides access to the device’s audio, image, and video capture capabilities.

Apache Cordova Network Information Plugin

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.

Apache Cordova Screen Orientation Plugin

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.

Apache Cordova Splash Screen Plugin

This plugin is required to work with splash screens. This plugin displays and hides a splash screen during application launch.

Apache Cordova Status Bar Plugin

The StatusBar object provides some functions to customize the iOS and Android StatusBar.

Apache Cordova Vibration Plugin

This plugin provides a way to vibrate the device.

Apache Cordova Whitelist Plugin

This plugin implements a whitelist policy for navigating the application webview on Cordova 4.0.

Apache Cordova WKWebView Engine Plugin

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

Apache Cordova Hello World Application

A simple Apache Cordova Hello World application. This is used as the default app template when creating new projects.

Apache Cordova Template Reference

This is a reference for building and publishing Cordova templates.

App Development method based on Cordova Platform

The invention discloses an app development method based on a Cordova platform and relates to the technical field of HTML, JavaScript and CSS.

The invention discloses an app development method based on a Cordova platform and relates to the technical field of HTML, JavaScript and CSS.

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.

Platform Guides

Amazon Fire OS, Android, BlackBerry 10, Firefox OS, iOS, Ubuntu, Windows Phone 8, Windows, Tizen

Link: https://cordova.apache.org/docs/en/4.0.0/guide/platforms/

Create your first Cordova app: https://cordova.apache.org/docs/en/latest/guide/cli/


Background technique

JavaScript is a literal scripting language, a dynamic, weak, prototype-based language with built-in support types. The JavaScript engine, part of the browser, is widely used in client-side scripting languages ​​and was first used on HTML (an application of the standard universal markup language) web page to add dynamic functionality to HTML pages.

Cordova provides a set of device-related APIs that enable mobile apps to access native device capabilities such as webcams, microphones, and more in JavaScript. Cordova also provides a unified set of JavaScript libraries, as well as native device-specific background code for the libraries. Cordova supports the following mobile operating systems: iOS, Android, ubuntu phone os, Blackberry, Windows Phone, Palm WebOS, Bada and Symbian.

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.

Detailed description

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.).

Example:

This example describes a cordova platform-based app development method based on the open source cordova platform, including the following steps:

  1. configuration cordova development environment,
  2. to create a basic project,
  3. 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.


Citations

  • 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