Mendix のローコード開発プラットフォームで HubDB のデータを使ったアプリを構築

Dibyendu Datta
Lead Technology Evangelist

CData JDBC Driver for HubDB を使って HubDB のデータと Mendix を連携し、アプリを構築。

Siemens 社が開発した Mendix は、Web およびモバイルアプリケーションを迅速に開発、テスト、デプロイするためのローコードプラットフォームです。デジタルトランスフォーメーションの推進とビジネスのアジリティ向上を実現します。CData JDBC Driver for HubDB と組み合わせることで、Mendix Studio Pro を使って HubDB のデータを活用したさまざまなアプリケーションを作成できます。

CData JDBC ドライバーは、最適化されたデータ処理機能を組み込み、リアルタイムHubDB のデータと連携する際に、比類のないパフォーマンスを発揮します。複雑な SQL クエリを HubDB に発行すると、ドライバーはフィルタや集計などのサポートされている SQL 操作を直接 HubDB にプッシュし、サポートされていない操作（多くの場合、SQL 関数や JOIN 操作）は組み込みの SQL エンジンを使用してクライアントサイドで処理します。組み込みの動的メタデータクエリ機能により、ネイティブのデータ型を使用して HubDB のデータを操作・分析できます。

この記事では、Mendix が提供する JDBC インターフェースと CData JDBC Driver for HubDB を組み合わせて、HubDB のデータを活用したアプリケーションを Mendix で簡単に作成する方法を紹介します。

Mendix 環境の準備

このセクションでは、先ほど紹介した Mendix Studio Pro を使用して、HubDB のデータを使ったアプリを開発する方法を説明します。事前に Mendix Studio Pro をインストールしておいてください。

CData JDBC Driver for HubDB のインストール

まず、Mendix と同じマシンに CData JDBC Driver for HubDB をインストールします。JDBC ドライバーは以下のパスにインストールされます。

C:\Program Files\CData\CData JDBC Driver for HubDB 20xx\lib\cdata.jdbc.hubdb.jar

アプリケーションの作成

それでは、アプリの作成を始めましょう。まず、Database Connector が利用可能なアプリを作成します。

Mendix Studio Pro を起動し、「Create New App」をクリックします。
「Blank Web App」オプションを選択します。
「Use this starting point」をクリックして続行します。
任意の名前でアプリを作成します。また、後で参照するために「Disk location」の情報をメモしておきましょう。
これで新しいアプリが作成されました。

アプリケーションに Database Connector を追加

次に、作成したアプリに Database Connector モジュールを追加します。

右上の Marketplace ボタンをクリックします。
Marketplace の検索セクションで Database Connector を検索し、選択します。
Download をクリックして、最新の Database Connector をダウンロードします。
Import Module ウィンドウで、Action として Add as a new module を選択します。
アプリ画面に Database Connector が表示されれば、次のステップに進む準備が整いました。

Mendix Studio Pro への JDBC ドライバーの追加

この Database Connector で CData JDBC ドライバーを使用するには、JDBC ドライバーの JAR ファイルをプロジェクトに追加する必要があります。

先ほどメモした Mendix プロジェクトフォルダ内に「userlib」というフォルダがあります。そのフォルダに「cdata.jdbc.hubdb.jar」と「cdata.jdbc.hubdb.lic」の2つのファイルを配置します。
これで、Database Connector で CData JDBC ドライバーを使用できるようになりました。

データモデルの作成

それでは、アプリを作成していきましょう。まず、Database Connector からデータを読み込み、一覧画面に表示するためのデータモデルを定義します。データを読み込む前に、データモデルを作成しておきます。

MyFirstModule の「Domain model」に Entity を追加します。
Entity 名とフィールド定義を入力します。
DBeaver などのツールを使用して、CData JDBC ドライバー経由でテーブル定義情報を確認すると、データの設定を簡単に行えます。
Entity を定義します。

JDBC URL 用の定数を作成

次に、Database Connector で使用する JDBC URL の定数を作成します。

MyFirstModule に「Constant」を追加します。
Add Constant ウィンドウで定数に名前を付けます。
HubDB に接続するための JDBC URL を生成します。jdbc:hubdb: で始まり、セミコロンで区切られた一連の接続文字列プロパティを続けます。

HubDBデータソースへの接続には、パブリックHubSpotアプリケーションを使用したOAuth認証とプライベートアプリケーショントークンを使用した認証の2つの方法があります。

カスタムOAuthアプリを使用する

すべてのOAuthフローでAuthSchemeを"OAuth"に設定する必要があります。特定の認証ニーズ（デスクトップアプリケーション、Webアプリケーション、ヘッドレスマシン）に必要な接続プロパティについては、ヘルプドキュメントを確認してください。

アプリケーションを登録し、OAuthクライアント認証情報を取得するには、以下の手順を実行してください。
1. HubSpotアプリ開発者アカウントにログインします。
  - アプリ開発者アカウントである必要があります。標準のHubSpotアカウントではパブリックアプリを作成できません。
2. 開発者アカウントのホームページで、アプリタブをクリックします。
3. アプリを作成をクリックします。
4. アプリ情報タブで、ユーザーが接続する際に表示される値を入力し、必要に応じて変更します。これらの値には、パブリックアプリケーション名、アプリケーションロゴ、アプリケーションの説明が含まれます。
5. 認証タブで、「リダイレクトURL」ボックスにコールバックURLを入力します。
  - デスクトップアプリケーションを作成する場合は、http://localhost:33333のようなローカルにアクセス可能なURLに設定します。
  - Webアプリケーションを作成する場合は、ユーザーがアプリケーションを承認した際にリダイレクトされる信頼できるURLに設定します。
6. アプリを作成をクリックします。HubSpotがアプリケーションとそれに関連する認証情報を生成します。
7. 認証タブで、クライアントIDとクライアントシークレットを確認します。これらは後でドライバーを設定する際に使用します。
8. スコープの下で、アプリケーションの意図する機能に必要なスコープを選択します。
  
  テーブルにアクセスするには、最低限以下のスコープが必要です：
  - hubdb
  - oauth
  - crm.objects.owners.read
9. 変更を保存をクリックします。
10. 統合に必要な機能にアクセスできる本番ポータルにアプリケーションをインストールします。
  - 「インストールURL（OAuth）」の下で、完全なURLをコピーをクリックして、アプリケーションのインストールURLをコピーします。
  - コピーしたリンクをブラウザで開きます。アプリケーションをインストールする標準アカウントを選択します。
  - アプリを接続をクリックします。結果のタブは閉じて構いません。
プライベートアプリを使用する

HubSpotプライベートアプリケーショントークンを使用して接続するには、AuthSchemeプロパティを"PrivateApp"に設定します。

以下の手順に従ってプライベートアプリケーショントークンを生成できます：
1. HubDBアカウントで、メインナビゲーションバーの設定アイコン（歯車）をクリックします。
2. 左サイドバーメニューで、統合 > プライベートアプリに移動します。
3. プライベートアプリを作成をクリックします。
4. 基本情報タブで、アプリケーションの詳細（名前、ロゴ、説明）を設定します。
5. スコープタブで、プライベートアプリケーションがアクセスできるようにしたい各スコープに対して読み取りまたは書き込みを選択します。
6. テーブルにアクセスするには、最低限hubdbとcrm.objects.owners.readが必要です。
7. アプリケーションの設定が完了したら、右上のアプリを作成をクリックします。
8. アプリケーションのアクセストークンに関する情報を確認し、作成を続行をクリックし、その後トークンを表示をクリックします。
9. コピーをクリックして、プライベートアプリケーショントークンをコピーします。
接続するには、PrivateAppTokenを取得したプライベートアプリケーショントークンに設定します。

組み込みの接続文字列デザイナー

JDBC URL の構成には、HubDB JDBC ドライバーに組み込まれている接続文字列デザイナーが便利です。JAR ファイルをダブルクリックするか、コマンドラインから JAR ファイルを実行してください。
```
java -jar cdata.jdbc.hubdb.jar
```
接続プロパティに値を入力し、接続文字列をクリップボードにコピーします。

一般的な JDBC URL は以下のとおりです。
```
jdbc:hubdb:AuthScheme=OAuth;OAuthClientID=MyOAuthClientID;OAuthClientSecret=MyOAuthClientSecret;CallbackURL=http://localhost:33333;
```
前のステップでコピーした接続文字列を Default value セクションに入力し、OK をクリックします。

HubDB のデータを取得するマイクロフローの作成

作成した Entity に基づいて、Database Connector からデータを取得するマイクロフローを作成しましょう。

MyFirstModule から「Add microflow」をクリックします。
任意の名前でマイクロフローを作成します。
まず、先ほど定義した Entity 用のオブジェクトを作成します。マイクロフローに「Create Object」アクションを追加します。
Create Object ウィンドウで、Entity の「Select」ボタンをクリックします。
先ほど定義した Entity を選択します。
任意の Object name を入力し、OK をクリックします。
次に、Database Connector からデータを取得するために、マイクロフローに Execute Query アクションを追加します。
Execute Query ウィンドウで各入力項目を定義します。
「jdbc url」には、先ほど定義した定数を指定します。
SQL には、HubDB からデータを取得するクエリを記述します。
今回は Username と Password は不要なので、「empty」に設定し、前のフローで作成したオブジェクトを Result object として割り当てます。List Name セクションには任意の名前を指定します。
最後に、マイクロフローの出力を定義します。
End Event をダブルクリックして開き、Type ドロップダウンから「List」を選択し、先ほど定義した Entity とリンクします。次に、Execute Query の出力結果を Return value として設定します。
これで、HubDB からデータを取得するマイクロフローが完成しました。

一覧画面の作成とマイクロフローへのリンク

最後に、マイクロフローから取得した結果を表示する画面を作成しましょう。

Toolbox メニュー内の「Home_web」をダブルクリックして開きます。
Data containers セクションから Data grid テンプレートをドラッグ＆ドロップして一覧画面に配置します。
Data grid を配置したら、ダブルクリックして Edit Data Grid 設定画面を表示します。
Data source タブに移動し、データソースタイプを Microflow とリンクします。
先ほど作成したマイクロフローを選択します。
OK をクリックします。
OK をクリックすると、カラムの自動検出を促すメッセージが表示されます。「Yes」をクリックして続行します。
次に、各 Data grid 用のコントローラーを生成するかどうかを確認するメッセージが表示されます。今回は各ロジックを設定しないので、「No」をクリックします。
以下のようなシンプルな Data grid 画面が作成されます。

動作確認

それでは、正しく動作するか確認しましょう。

「Publish」ボタンをクリックして、作成したアプリを準備します。完了したら、「View App」をクリックしてアプリを開きます。
以下のような HubDB のデータの一覧が表示されれば成功です！HubDB の API を意識することなく、ローコードで HubDB と連携したアプリを作成できました。