App Builder を使ってローコードでe-Sales Manager と連携したBlazor アプリを作成

ローコードツールApp Builder でe-Sales Manager 連携アプリを作成

杉本和也
リードエンジニア
最終更新日：2022-10-28

こんにちは！リードエンジニアの杉本です。

App Builder はインフラジスティックス社が提供している「ドラッグアンドドロップで迅速なアプリケーション開発作成を可能にする」ローコードツールです。この記事では、CData Connect Server を経由して App Builder でe-Sales Manager のデータを利用するアプリを作成する方法を説明します。

CData Connect Server は、e-Sales Manager のデータのクラウド to クラウドの仮想OData インターフェースを提供し、App Builder からリアルタイムにe-Sales Manager のデータへ連携することができます。

e-Sales Manager の仮想OData API エンドポイントを作成

まずCData Connect Server でデータソースへの接続およびOData API エンドポイント作成を行います。

CData Connect Server にログインして、Databases をクリックします。
利用できるデータソースアイコンから"e-Sales Manager" を選択します。
e-Sales Manager に接続するために必要なプロパティを入力します。
e セールスマネージャー Remix に接続するには、User、Passowrd、URL、TenantId パラメータが必要です。
- User：API を実行するためのログインユーザーのユーザーID。
- Password：API を実行するためのログインユーザーのユーザーパスワード
- URL：e-Sales Manager Remix エンドポイントへのURL。例：https://XXX.softbrain.co.jp
- TenantId：e-Sales Manager Remix テナント名のTenantd。例：cdata
Test Database をクリックします。
Permission -> Add をクリックして、新しいユーザーを追加し、適切な権限を指定します。
API タブをクリックして OData API エンドポイントが生成されていることを確認します。

App Builderでプロジェクトを作成する

API の準備ができたら、App Builder で作業を進めていきます。

App Builder を立ち上げて「＋新しいアプリ」をクリックします。

テンプレートから任意のものを選択します。

これでアプリを作成するための下準備が整いました。

データソースの追加

前述の通りApp Builder ではREST API に接続したアプリを手軽に作成することができます。API 接続部分はあらかじめデータソースとして定義しておくことで、簡単にUI とバインドすることができるようになるので、まずはこのデータソースの準備を進めます。

画面左の「データ」タブに移動し新しく「REST API」を追加します。

「REST API データソースの設定」で任意の名称を入力し、ソースとして「OpenAPI」または「URL の追加」を選択します。今回はOpenAPI の手順で解説します。OpenAPI を使わない場合は「URL の追加」で手動で設定します。

ここでは先程CData Connect Server からダウンロードしておいたOpenAPI の定義を使用するので「定義のアップロード」をクリックします。

アップロードが完了したら「エンドポイントの設定」をクリックします。

「エンドポイントの設定」ではOpenAPI で定義されているエンドポイントの一覧の中から利用するものを選択し、App Builder で利用するデータソースとして定義します。今回はデータの一覧が取得できるGET エンドポイントを指定し、事前に作成したユーザーID・トークンを使って必要な認証情報を入力します。
「送信」をクリックして「200OK」を受け取ったら接続はOKです。