Deploy Your First Hybrid Mobile App

Last update: Edit

1 Introduction

Mendix supports mobile web development, and it is also possible to create and publish hybrid mobile apps. A hybrid app gives you the best of both worlds: it’s a web application that can be deployed using the Mendix Platform, but it runs inside a container that can be installed as a native app on your device. This container handles native capabilities like the camera and GPS, and it can even be published in the Apple App Store and Google Play. The big advantage of a hybrid mobile app is that you only need to go through the approval process once and every future update is just a new deployment of your app in the Mendix cloud.

This how-to will teach you how to do the following:

  • Open a hybrid example app
  • Install the app on your device

2 Prerequisites

Before starting this how-to, make sure you have completed the following prerequisites:

  • Install the Mendix Modeler (available from the Marketplace)
  • Install the Mendix Mobile app on you device, which makes it easy to see a hybrid application in action without the need to get it approved in the Mendix Marketplace (for details and download links, see Getting the Mendix App in the Mendix Reference Guide)

3 Opening a Hybrid Example App

To open a hybrid example app, follow these steps:

  1. Open the Marketplace in your Desktop Modeler by clicking this icon in the upper-right toolbar:

  2. Search for the Asset Manager app and click Download:

  3. Click Run to deploy this application to the Mendix Cloud:

    The Modeler will notify you as soon as the application is deployed. While you wait, go to Navigation, click the Hybrid phone app online tab, and make sure your Default home page is set to MyFirstModule.Dashboard.

  4. Click the small arrow to open the View App menu and select View Hybrid Mobile App:

    This will open the View Hybrid Mobile App pop-up window:

  5. Open the Mendix Mobile app on your device and select Scan QR Code:

  6. Scan the QR code on the screen with the Mendix Mobile app:

    You should see the example application running on your device:

4 Installing the App on Your Device

If you want to install this application as a native app on your device, you can install it via iTunes or publish it to one of the mobile app stores. For details on how to achieve this, see How to Publish a Mendix Hybrid Mobile App in App Stores.

5 Read More