ローコードツールのappsmith を使って、Sage 300 のデータと連携したアプリを作る
CData Connect Server を使ってappsmith からSage 300 に接続し、Sage 300 のデータを使ったアプリを作成します。
菅原和義
プロダクトスペシャリスト
最終更新日:2023-03-09
こんにちは!プロダクトスペシャリストの菅原です。
appsmith は、社内ツールの作成に特化したオープンソースのローコードツールです。ドラッグアンドドロップや簡単なコーディングを組み合わせてアプリを作成できます。さらにCData Connect Server と組み合わせることで、Sage 300 を含む150種類以上のデータソースをアプリに統合できます。
ホスティングについて
AppSmith からCData Connect Server に接続するには、利用するConnect Server インスタンスをネットワーク経由での接続が可能なサーバーにホスティングして、URL での接続を設定する必要があります。CData Connect がローカルでホスティングされており、localhost アドレス(localhost:8080 など)またはローカルネットワークのIP アドレス(192.168.1.x など)からしか接続できない場合、AppSmith はCData Connect Server に接続することができません。
クラウドホスティングでの利用をご希望の方は、AWS Marketplace やGCP Marketplace で設定済みのインスタンスを提供しています。
Sage 300 のデータの仮想データベースを作成する
CData Connect Server は、シンプルなポイントアンドクリックインターフェースを使用してデータソースに接続し、データを取得します。まずは、右側のサイドバーのリンクからConnect Server をインストールしてください。
- Connect Server にログインし、「CONNECTIONS」をクリックします。
- 一覧から「Sage 300」を選択します。
-
Sage 300 に接続するために必要な認証プロパティを入力します。
Sage 300 には、Sage 300 Web API で通信するための初期設定が必要となるます。
- Sage 300 のユーザー向けのセキュリティグループを設定します。Sage 300 のユーザーに、Security Groups の下にあるbSage 300 Web API
オプションへのアクセスを付与します(各モジュール毎に必要です)。
- /Online/Web と/Online/WebApi フォルダ内のweb.config ファイルを両方編集して、AllowWebApiAccessForAdmin
のキーを
true 設定します。webAPI アプリプールを再起動すると設定が反映されます。
- ユーザーアクセスを設定したら、https://server/Sage300WebApi/ をクリックして、web API
へのアクセスを確認してください。
Basic 認証を使用してSage 300 へ認証します。
Basic 認証を使用して接続する
Sage 300 に認証するには、次のプロパティを入力してください。プロバイダーは、クッキーを使用してSage 300 が開いたセッションを再利用することに注意してください。
そのため、資格情報はセッションを開く最初のリクエストでのみ使用されます。その後は、Sage 300 が返すクッキーを認証に使用します。
- Url:Sage 300 をホストするサーバーのURL に設定します。Sage 300 Web API 用のURL を次のように作成してください。
{protocol}://{host-application-path}/v{version}/{tenant}/ 例えば、
http://localhost/Sage300WebApi/v1.0/-/ です。
- User:アカウントのユーザー名に設定します。
- Password:アカウントのパスワードに設定します。
- 「 Test Connection」をクリックします。
- 「Permission」->「 Add」とクリックし、適切な権限を持つ新しいユーザー(または既存のユーザー) を追加します。
仮想データベースが作成されたら、appsmith を含むお好みのクライアントからSage 300 に接続できるようになります。
接続の設定が完了したら、appsmith からSage 300 のデータに接続できるようになります。
appsmith でのデータソース設定
それではappsmith の画面で、CData Connect Server の接続設定をしていきましょう。
- 画面の左側にある「Datasources」の「+」をクリックします。
-
appsmith から接続できるデータソースが表示されるので、「Microsoft SQL Server」を選択します。
-
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 クエリを追加して実際にデータソースからデータを取得してみましょう。
- 作成したデータソースの画面で、「NEW QUERY」をクリックします。
- 今回はデータを取得したいので、「SELECT」を選択します。
- SQL を指定する際には、CData Connect Server の機能である「Data Explorer」を使用することで、事前に取得したいデータを確認できます。必要に応じて利用してみてください。
- 発行するクエリを作成したら、appsmith 画面に戻り、クエリを入力して「RUN」をクリックします。
- 無事にデータが取得できたら、あとはデータを使用したい「Page」に取得した「Table」を表示させるよう設定します。
- これで、appsmith からCData Connect Server と連携して、Sage 300 のデータを取得することができました!いつも利用している業務データを使って、簡単にアプリが作れちゃいますね。
おわりに
この記事ではローコードツールのappsmith からCData Connect Server に接続して、Sage 300 のデータを取得しました。CData Connect Server では、Sage 300 以外の150種類以上のデータソースに同様の方法で連携可能です。30日間無償トライアル を利用して、appsmith からSaaS、ビッグデータ、NoSQL データソースへのSQL アクセスをお試しください!