Cordova

File size
3.4KB
Lines of code
100

[!NOTE]
This document covers Apache Cordova.

Cordova

Write once deploy everywhere.

Purpose

  1. Cross-platform Mobile Application Development Framework
  2. Wraps your Web App in a native container (WebView), allowing development with HTML, CSS, JavaScript (and other frontend frameworks)
  3. Provides access to native device features through plugins

Quickstart

Cordova projects generally take the following directory structure.

  • www/: Web Application code (HTML, CSS, JS, other frontend frameworks)
  • platforms/: Platform-specific code (Android, IOS, etc.)
  • plugins/: Installed Cordova plugins
  • config.xml: Main configuration file for Cordova App
example-cordova-app/
├── config.xml
├── hooks/
├── platforms/
├── plugins/
├── www/
│ ├── css/
│ ├── js/
│ └── index.html
├──...

Cordova and Vue.js

  1. Use Vue.js to build out the frontend of your Web App within Cordova's www directory.
  2. Use Cordova to package your Web App as a mobile application.

More on