Create a Custom Developer App

Last update: Edit

1 Introduction

As your Mendix app project matures, you may want to expand its functionality (such as by introducing custom widgets or logic that will require new native dependencies). One such customization could be adding a near-field communication (NFC) module to your app project. While the Make It Native app suffices for testing basic apps, as your app adds custom dependencies—like custom native widgets or fonts—you will need a more tailored developer app.

A custom developer app helps you by serving as a replacement for the Make It Native app, and should be used when you have custom widgets and logic which are not supported by the Make It Native app. Custom developer apps are apps you can generate yourself using your current project structure, your custom modules, and any other requirements to test your evolving app. Custom developer apps feature the same functionality as the Make It Native app but are tailored to your needs.

2 Prerequisites

3 Build Your Developer App

  1. Run Mendix Native Mobile Builder from your project: Start Mendix Native Mobiler Builder

  2. When Mendix Native Mobile launches you are greeted with the home screen: Mendix Natve Mobile Builder Home Screen

  3. Choose Build app for local development

  4. Given you already went through the initial wizard at least once, you should be greeted with the configuration screen for Building an app for local development: Mendix Natve Mobile Builder Home Screen

  5. Click the Build developer app button

  6. The tool will set up your GitHub repository commit your changes, configure App Center if needed with two new projects, one for iOS and one for Android and continue with building the apps. Building Build release app

  7. When the build completes, you can scan the QR code provided to install the app to your device. Currently the QR code service is only supported for Android devices. Build release app

4 Installing Your Custom Developer App manually

4.1 Android

For Android the output of the build is an APK file. APK files can be directly installed on devices or emulators.

4.1.1 Installing on an Emulator

With your emulator running, install your app in your emulator by doing the following:

  1. Drag and drop the APK onto the emulator’s window.
  2. Wait for the installation to be done.
  3. Open the app from the launcher.

4.1.2 Installing on a Device

There are various ways install an app on a device. Installing using a USB is detailed below, but you can use a different method if it suits you. Do the following to install your APK onto a device:

  1. Connect your device to your machine via USB.
  2. Enable file transfer on your device (differs per device).
  3. Open This PC in File Explorer; your device should be listed as an external device.
  4. Drag and drop your APK onto your device.
  5. Wait for it to finish transfering.
  6. Open your device’s file manager.
  7. Navigate to the root of the file system.
  8. Tap the APK to install.
  9. Go through the installation steps.
  10. Open the app from the launcher.

4.2 iOS

By default your custom developer app will be unsigned. To get a signed IPA, follow the steps in the Signing Your Build section of How to Deploy Your First Mendix Native Mobile App. Your custom developer app branch is named developer.

The unsigned output of an iOS build is an XCArchive file. XCArchive files require manual signing before they are ready to be installed on a device.

The signed output of iOS build is an IPA file. If correctly signed, IPA files can be installed on physical devices.

4.2.1 Installing on an Emulator

Before installing, make sure you have completed the following prerequisites:

  • Have a Mac OSX machine
  • Install LTS builds of NodeJs and NPM (download here)
  • Install Cocoapods (installation instructions)
  • Install the latest XCode version

Builds with the Mendix Native Mobile Builder are stripped of simulator artifacts. Therefore, to run on XCode’s Simulator you will have to build the developer branch locally from source by completing these steps:

  1. Navigate to your GitHub repo.
  2. Switch to your developer branch:

    Switch branch on Github

  3. Click Clone or Download and then click Download ZIP:

    Download repository

  4. Unzip the downloaded archive.

  5. Open a terminal and change directory into the folder.

  6. Run this command:

    npm i && cd ios && pod install
    

    This will install the node module dependencies and the iOS Dependencies

  7. In the ios folder, open the NativeTemplate.xcworkspace file:

    iOS folder structure

  8. In XCode select the Dev target and the emulator you want to build your developer app for:

    Dev target selection

  9. Click Play.

4.2.2 Distributing the Custom Developer App

To run your custom developer app on a device which is not a test device, you will have to sign the developer app with your certificates.

If you want Native Builder to sign your custom developer app, follow the steps in the Signing Your Build section of How to Deploy Your First Mendix Native Mobile App.

5 Read More