Monaca Docs
  • Monaca
  • Create Your First App
  • Release Notes and Updates
    • Privacy Manifest Requirement for iOS Apps
    • Plugin uses-permission Tag Deduplication Feature
    • iOS Monaca Debugger Discontinuation & Alternative Features
    • Error submitting to iOS App Store (ITMS-90165)
    • Build error in cordova-custom-config
    • Cordova 11 changes
    • Cordova 10 changes
    • Cordova 9 changes
    • New Monaca CLI and Localkit
    • Migration from Cordova to Capacitor
  • Product Guides
    • Monaca Development Overview
    • Monaca Cloud IDE
      • Overview
      • Features in the Monaca Cloud IDE
      • Integrated Terminal
      • Editor Shortcuts
      • Project Dependencies
        • File and Folder Structure
        • JS/CSS Components
        • Cordova Plugins
        • Custom Cordova Plugins
      • Version Control
        • Introduction
        • GitHub Integration
        • Git SSH Integration
      • Monaca CI
        • Overview
        • Deploy Services
        • Deploy to Appetize.io
        • Deploy to DeployGate
        • Deploy to Firebase
      • Build
        • Building for iOS
          • Building an iOS App
          • Build Settings between Monaca and Xcode
        • Building for Android
        • Building for Electron
          • Building on Windows
        • Building for PWA
        • Building for Windows
        • Build Environment Settings
        • Common Build and Application Upload Errors
        • Build History
      • Distribution
        • App Store Distribution
          • App Store Connect Guide
          • iOS App Upload Feature
        • Google Play Distribution
        • Amazon Appstore Distribution
        • Non-market App Distribution
      • Download App Package
      • Tutorial
    • Monaca Localkit
      • Overview
      • Pairing and Debugging
      • Remote Building and Publishing
      • Troubleshooting Guide
      • Tutorial
    • Monaca CLI
      • Overview
      • Monaca CLI Commands
      • Pairing and Debugging
      • Project Dependencies
        • File and Folder Structure
        • JS/JSS Components
        • Cordova Plugins
        • Custom Cordova Plugins
      • Remote Building and Publishing
      • Troubleshooting Guide
      • Tutorial
    • Monaca Debugger
      • Functionalities
      • Installation
        • Monaca Debugger for Android
        • Monaca Debugger for iOS
        • Monaca Debugger for Android Emulator
      • Usage
      • Custom Build Debugger for iOS
      • iOS App Simulator Build
      • Troubleshooting Guide
      • Tutorials
    • Team Dashboard
    • Quick Viewer
    • Migrating from Other Platforms
      • Key Points
      • Cloud IDE preview function settings
      • Migrating from Angular
      • Migrating from Ionic
      • Migrating from React
      • Migrating from Vue
      • Migrating from PhoneGap
        • Key Differences
        • Guide for PhoneGap Build Users
        • Guide for PhoneGap CLI Users
        • Guide for PhoneGap Desktop App Users
      • Migrating from Telerik
  • Build App
    • Build for iOS
      • Creating a Private Key and CSR
      • Creating a Certificate
      • Updating Provisioning Profiles
  • Tutorials
    • Monaca Cloud IDE Tutorial
      • Part 1: Starting a Project
      • Part 2: Running Monaca Debugger with Monaca Cloud IDE
      • Part 3: Building a Monaca App
      • Part 4: Publishing a Monaca App
    • Monaca Localkit Tutorial
      • Part 1: Starting a Project
      • Part 2: Running Monaca Debugger with Monaca Localkit
      • Part 3: Building a Monaca App
      • Part 4: Publishing a Monaca App
    • Monaca CLI Tutorial
      • Part 1: Starting a Project
      • Part 2: Running Monaca Debugger with Monaca CLI
      • Part 3: Building a Monaca App
      • Part 4: Publishing a Monaca App
    • Electron Tutorial
      • How to Use a NPM Package
      • How to Use a Web API
    • Barcode Scanner Plugin
    • Cordova SQLite Storage Plugin
    • Cordova Google Analytics Plugin
    • Cordova Firebase Plugin
    • Cordova In-app Purchase Plugin
    • Cordova AppVersion Plugin
    • Cordova Ionic Keyboard Plugin
    • Cordova Social Sharing Plugin
    • NIFCLOUD mobile backend
    • Phonegap Push Plugin
  • API Reference
    • Monaca API
      • Monaca Cloud & Remote Build API Guide
      • Utilities
    • Core Cordova Plugins
      • Cordova 11.0
        • Battery Status Plugin
        • Camera Plugin
        • Device Plugin
        • Device Motion Plugin
        • Device Orientation Plugin
        • Dialogs Plugin
        • File Plugin
        • Geolocation Plugin
        • InAppBrowser Plugin
        • Media Plugin
        • Media Capture Plugin
        • Network Information Plugin
        • Splashscreen Plugin
        • Vibration Plugin
        • StatusBar Plugin
      • Cordova 10.0
        • Battery Status Plugin
        • Camera Plugin
        • Device Plugin
        • Device Motion Plugin
        • Device Orientation Plugin
        • Dialogs Plugin
        • File Plugin
        • Geolocation Plugin
        • InAppBrowser Plugin
        • Media Plugin
        • Media Capture Plugin
        • Network Information Plugin
        • Splashscreen Plugin
        • Vibration Plugin
        • StatusBar Plugin
        • Whitelist Plugin (Android Only)
      • Cordova 9.0
        • Battery Status Plugin
        • Camera Plugin
        • Contacts Plugin
        • Device Plugin
        • Device Motion Plugin
        • Device Orientation Plugin
        • Dialogs Plugin
        • File Plugin
        • File Transfer Plugin
        • Geolocation Plugin
        • Globalization Plugin
        • InAppBrowser Plugin
        • Media Plugin
        • Media Capture Plugin
        • Network Information Plugin
        • Splashscreen Plugin
        • Vibration Plugin
        • StatusBar Plugin
        • Whitelist Plugin (Android Only)
    • Third-party Cordova Plugins
      • Advanced HTTP Plugin
      • PhoneGap BarcodeScanner Plugin
      • Cordova Custom Config Plugin
      • DatePicker Plugin
      • Share Plugin (Android)
      • WebIntent Plugin (Android)
    • Monaca Power Plugins
      • Monaca HTML5 Resource Encryption
      • Monaca In-App Updater
      • Monaca Secure Storage
      • Barcode Scanner Plugin
      • Android build memory size setting
    • Service Integration
      • Repro
      • AppsFlyer
    • Configuration Files
      • Android
        • Android Configuration
        • config.xml
        • AndroidManifest.xml
      • iOS
        • iOS Configuration
        • config.xml
        • MonacaApp-Info.plist
  • Samples & Tips
    • Sample Apps
      • AdMob
      • Twitter Single Sign-on App
      • Facebook Single Sign-on App
      • Flickr
      • TODO App
      • BirthYear App
      • Break the Bricks
      • Train Catalog App
      • Omikuji Fortune Telling App
      • Clock App
      • Memo Application
      • RSS Reader App
      • Hello World App
    • Tips & Tricks
      • Playing Sound and Music
      • Control the Splash Screen
      • Using Database
  • Features
    • Push Notification
    • SNS Authentication
    • Database
  • FAQ
    • General
    • IDE
    • Build
    • Release
    • Subscription
      • How to Use Activation Code
    • Application
    • Usage
    • Debugger
  • Supported Environments
  • Trouble Shooting
    • Preview Log repeats to reload (Vue packages version mismatch error)
  • Monaca Product Website
  • 日本語
Powered by GitBook
On this page
  • What is Monaca?
  • Why to use Monaca?
  • Monaca development tools
  • Monaca Cloud IDE
  • Monaca Localkit
  • Monaca CLI
  • Monaca Debugger
  • Monaca Power Plugins
  • Monaca subscription plans
  • If you use an activation code:
  • Characteristics of hybrid apps

Was this helpful?

  1. Product Guides

Monaca Development Overview

PreviousProduct GuidesNextMonaca Cloud IDE

Last updated 3 years ago

Was this helpful?

What is Monaca?

Monaca is a development environment for smartphone and tablet applications provided by Asial Corporation. Monaca does not only provide you with a development environment at your fingertips but also allows anyone to be able to develop smartphone applications easily.

Monaca makes HTML5 development with PhoneGap/Cordova simple and easy. Monaca is the most open hybrid app development platform available and ready to be immediately plugged into your existing workflow and development environment. With the Cloud IDE, CLI, debugger and remote online build, everything you need for developing hubrid apps is here.

Why to use Monaca?

Monaca's top 3 benefits are:

  • Cloud-empowered development: Our tools are designed to use the cloud to supercharge your app development in two ways. The complete cloud development environment gives you flexibility with no setup required. The cloud-synced local development enables you to use your own environment but enjoy features like device live-sync and remote build. It’s the best of both worlds.

  • Mix-and-match as you like: We’ve got you covered all the way from design, app development, backend development, testing and debugging to build and distribution. Monaca can be used as a whole or a piece, working with your favorite tools like Sublime Text or Git. Just pick what you need. We will seamlessly plug into your workflow.

Monaca development tools

For your flexibility and convenience during the app development process, Monaca provides four different development environments as shown in the following subsections.

Monaca Cloud IDE

Monaca Cloud IDE is a browser-based development environment. Right from your web browser, all your Cordova development can be done without any setup. With the Cordova IDE, debugger and remote build, we've got everything you need in one place.

Monaca Localkit

Monaca CLI

Monaca Debugger

Monaca Cloud IDE

Monaca CLI/Monaca Localkit

Requirements

Internet connection

Internet connection and pairing

Monaca debug panel

You can use this debug option whether you have a Mac/Windows and your device can either be an iOS or Android.

Not available

USB Debugging

If you have an iOS device, you need a Mac because Safari (Safari remote debugging) is only available on Mac. If you have an Android device, you can use either a Mac or a Windows as long as you have a Chrome Browser (Chrome DevTools).

Monaca Power Plugins

Monaca subscription plans

If you use an activation code:

  • If you want to upgrade your plan or extend the expiration date, please

    contact us with the preferred plan name and term of months.

  • On the expiration date, your plan will be switched to free automatically.

Characteristics of hybrid apps

  • The apps consist of the web and native characteristics. (See the picture below)

  • Regardless of the operating system, hybrid apps run on a browser component (cross-platform support). In other words, they can run on iOS, Android, and other supported platforms since they run on WebView component of those platforms. Therefore, one source code can run on multiple supported platforms.

Required knowledge for hybrid app development:

  • HTML and CSS for UI (User Interface) design

  • JavaScript for implementing the app

  • Cordova plugins for accessing the native functions of a device and additional plugins

Framework agnostic: Our open source is tightly integrated with the Monaca tools. However, you can use Monaca with any JavaScript frameworks. We support Angular 1, 2+, React and Vue.js but you can also bring your own favorite framework. There are many templates ready to use, so you can get started immediately.

Monaca Cloud IDE provides a browser-based development environment as a service. Right from your web browser, all your Cordova development can be done without any setup. Along with the , Live Preview (built-in function in the Monaca Cloud IDE) allows you to easily check the progress of your app during development. Noticeably, there are neither Cordova plugins nor native work in the Live Preview. Therefore, an app that requires those plugins and functions can't be previewed properly.

Monaca Localkit is a local environment development support tool offered through our app development platform Monaca. You can achieve better security and peace of mind from your own app development environment by combining existing tools such as code editors and version management system with the versatile development support capabilities of Monaca. With the Monaca Localkit, Monaca users are able to setup their preferred development environment on a local PC. To learn more about the Monaca Localkit, check out its .

Monaca CLI provides a command line interface to use the Monaca Cloud. It features the debugger connection, inspector integration, project creation and remote building. You can also import projects that exist in the cloud when you want to switch your environment to local. To learn more about the Monaca CLI, check out its .

On top of the flexibility in the development environment, Monaca also provides high development efficiency by using the Monaca Debugger. Monaca Debugger is an application used to test and debug your Monaca applications on real devices without building the applications during the development. It needs to be installed on your mobile device. The app will automatically sync all your development projects and run them without the build process. To learn more about the Monaca Debugger, check out its .

Here is a table summarizing the debugging options between Monaca Debugger and Monaca development tools. For more information, please refer to .

Power up your Cordova app. The Resource Encryption Plugin provides extra protection for your app. In-App Updater makes it easy to update without redeployment to the App Store. Additionally, In-App-Purchase, Secure Storage and Secure SQL Plugin and more are available. To learn more about the Monaca Power Plugins, check out the .

Monaca provides various account types to match with your needs ranging from free to enterprise plan. After registration, a 14-day free trial will start. For detailed information of Monaca account types and their usage, please refer to .

Onsen Framework
Monaca Debugger
documentation
documentation
documentation
Debugging Monaca Apps
documentation
Monaca Pricing
hybrid mobile app
Overview of the Monaca Cloud IDE
Overview of the Monaca Localkit
Monaca Debugger app
Relationship between Monaca Debugger and Monaca development tools
Differences between native, hybrid, and web apps