ローコードツールのappsmith を使って、SAP Netweaver Gateway のデータと連携したアプリを作る

こんにちは！プロダクトスペシャリストの菅原です。

appsmith は、社内ツールの作成に特化したオープンソースのローコードツールです。ドラッグアンドドロップや簡単なコーディングを組み合わせてアプリを作成できます。さらにCData Connect Server と組み合わせることで、SAP Netweaver Gateway を含む150種類以上のデータソースをアプリに統合できます。

SAP Netweaver Gateway のデータの仮想データベースを作成する

CData Connect Server は、シンプルなポイントアンドクリックインターフェースを使用してデータソースに接続し、データを取得します。まずは、右側のサイドバーのリンクからConnect Server をインストールしてください。

1. Connect Server にログインし、「CONNECTIONS」をクリックします。
2. 一覧から「SAP Netweaver Gateway」を選択します。
3. SAP Netweaver Gateway に接続するために必要な認証プロパティを入力します。

   SAP Gateway はBasic 認証とOAuth 2.0 認証の両方を許可します。Basic 認証を使用して自分のアカウントに接続するか、OAuth を使用して他のユーザーが彼らのアカウントでサービスからデータを取得できるようにすることができます。基本となる認証情報に加え、SAP Gateway テーブルへのアクセスには以下の追加プロパティが必要です。

   • Url: 環境のURL、またはサービスの完全URL に設定。例えば、完全URL は次のようになります：https://sapes5.sapdevcenter.com/sap/opu/odata/IWBEP/GWSAMPLE_BASIC/。この例では、環境URL は次のようになります：https://sapes5.sapdevcenter.com。
   • Namespace: 適切なService Namespace を設定。先ほどの例では、IWBEP が名前空間です。サービスへの完全URL が指定されている場合は任意です。
   • Service: データを取得するサービスに設定。先ほどの例では、サービスはGWSAMPLE_BASIC です。完全URL が指定されている場合は必須ではありません。

   Basic 認証での認証

   Basic 認証では、自分のログインクレデンシャルを使用して接続します。次のプロパティを設定します。

   • User: これはSAP Gateway へのログインに使用するユーザー名です。
   • Password: これはSAP Gateway へのログインに使用するパスワードです。

   OAuth 認証での認証

   ユーザー資格情報の接続プロパティを設定せずに接続できます。 接続すると、CData 製品はデフォルトブラウザでSAP Gateway OAuth エンドポイントを開きます。ログインして、CData 製品にアクセス許可を与えます。CData 製品が以下のOAuth プロセスを完了します。 他のOAuth 認証フローについては、ヘルプドキュメントの「OAuth 認証の使用」を参照してください。

4. 「 Test Connection」をクリックします。
5. 「Permission」->「 Add」とクリックし、適切な権限を持つ新しいユーザー(または既存のユーザー) を追加します。

仮想データベースが作成されたら、appsmith を含むお好みのクライアントからSAP Netweaver Gateway に接続できるようになります。

接続の設定が完了したら、appsmith からSAP Netweaver Gateway のデータに接続できるようになります。

appsmith でのデータソース設定

それではappsmith の画面で、CData Connect Server の接続設定をしていきましょう。

1. 画面の左側にある「Datasources」の「+」をクリックします。
2. appsmith から接続できるデータソースが表示されるので、「Microsoft SQL Server」を選択します。
3. CData Connect Server のTDS エンドポイント、接続ユーザー、パスワードを設定して、「TEST」をクリックして接続確認を行います。正常に接続できたら「SAVE」をクリックして保存します。
• Host Address：CONNECT_SERVER_URL
• Port：1433
• Database Name：Connect Servere で設定したデータソース名（Salesforce1 など）
• Username：Connect Server のユーザー名
• Password：Connect Server のパスワード

appsmith でのクエリ実行

以上でデータソースへの接続設定が完了しました。次に、SQL クエリを追加して実際にデータソースからデータを取得してみましょう。

1. 作成したデータソースの画面で、「NEW QUERY」をクリックします。
2. 今回はデータを取得したいので、「SELECT」を選択します。
3. SQL を指定する際には、CData Connect Server の機能である「Data Explorer」を使用することで、事前に取得したいデータを確認できます。必要に応じて利用してみてください。
4. 発行するクエリを作成したら、appsmith 画面に戻り、クエリを入力して「RUN」をクリックします。
5. 無事にデータが取得できたら、あとはデータを使用したい「Page」に取得した「Table」を表示させるよう設定します。
6. これで、appsmith からCData Connect Server と連携して、SAP Netweaver Gateway のデータを取得することができました！いつも利用している業務データを使って、簡単にアプリが作れちゃいますね。

おわりに

この記事ではローコードツールのappsmith からCData Connect Server に接続して、SAP Netweaver Gateway のデータを取得しました。CData Connect Server では、SAP Netweaver Gateway 以外の150種類以上のデータソースに同様の方法で連携可能です。30日間無償トライアル を利用して、appsmith からSaaS、ビッグデータ、NoSQL データソースへのSQL アクセスをお試しください！