はじめに
Mendixのモバイルアプリは、Web、ハイブリッドアプリ、ネイティブアプリが選択できます。
- レスポンシブWeb
- MendixのWebアプリケーションを最速でモバイルに展開できます(React JS)
- PWA
- アプリストアに依存でずに、シンプルに展開できます。
- ハイブリッドアプリ
- 既存のWeb機能を活用しながら、アプリを展開できます。PhoneGap/Apache Cordovaをベースにしています
- ネイティブアプリ
- 最適なユーザーエクスペリエンスとデバイス統合できます(React Native)
ただし、MendixのハイブリッドアプリはPhoneGapビルドを利用していて、PhoneGapビルドがiOS13までしか対応しておらずPhoneGapビルドのサービスも終了してしまうので、ハイブリッドアプリは（特にiOSで）推奨されなくなりました。
PWAは次期Mendix 9から利用できるようになるようです。
これらを目的に合わせて選択して利用することができるのがMendixのメリットの１つです。
ハイブリッドアプリを作る - 前提
Android向けのハイブリッドアプリを作成しましょう。PhoneGapビルドではなくローカルでビルドします。
以下が必要です、
- AndroidStudio
- NodeJS LTS
- Java JDK 8
ハイブリッドアプリを作る - Mendixクラウドの操作
Mendix Webの左のペインから「Mobile App」を選択します。
今回はAndroidアプリなので「Select Platform」で「Android」のみチェックを入れて、「Publish for Mobile App Stores」をクリックします。
「App Identifier」はAndroidアプリの識別子です。「-」（ハイフン）が入るとビルド時にエラーになるようです。適宜「-sandbox」などを削除してください。また、アプリの名前、説明も適宜設定してください。
上記のページを下にスクロールしたところ。いくつかオプションがあります。
「Select the environment to publish」は「Sandbox」のみ選択できます。
スクロールして「Download Customizable Package」をクリックします。ダウンロードして展開します。
Macの場合、~/Downloads/phonegap フォルダが展開されます。shellで以下のコマンドを実行して、PhoneGap/Apache Cordova環境に必要なライブラリを構築します。
npm i
npm run package
npm run platform:android
AndroidStudioを起動します。
「Import project (Gradle, Eclipse ADT, etc.)」を選択します。
場所は ~/Downloads/phonegap/build/platforms/android を指定して開きます。
AndroidStudioを使用した開発の詳細は割愛しますが、私の環境ではビルドの完了に、SDKバージョン28、Gradleのアップデートが必要でした。
最後に
詳細はMendixドキュメントを参照してください。