各製品の資料を入手。
詳細はこちら →
ローコードツールのappsmith を使って、Cvent のデータと連携したアプリを作る
CData Connect Server を使ってappsmith からCvent に接続し、Cvent のデータを使ったアプリを作成します。
最終更新日：2023-03-09
こんにちは！プロダクトスペシャリストの菅原です。
appsmith は、社内ツールの作成に特化したオープンソースのローコードツールです。ドラッグアンドドロップや簡単なコーディングを組み合わせてアプリを作成できます。さらにCData Connect Server と組み合わせることで、Cvent を含む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 で設定済みのインスタンスを提供しています。
Cvent のデータの仮想データベースを作成する
CData Connect Server は、シンプルなポイントアンドクリックインターフェースを使用してデータソースに接続し、データを取得します。まずは、右側のサイドバーのリンクからConnect Server をインストールしてください。
- Connect Server にログインし、「CONNECTIONS」をクリックします。
- 一覧から「Cvent」を選択します。
-
Cvent に接続するために必要な認証プロパティを入力します。
Cvent への認証を行う前に、ワークスペースとOAuth アプリケーションを作成する必要があります。
ワークスペースの作成
ワークスペースを作成するには：
- Cvent にサインインし、App Switcher（ページ右上の青いボタン） -> Admin に移動します。
- Admin メニューから、Integrations -> REST API に移動します。
- Developer Management の新しいタブが立ち上がります。新しいタブでManage API Access をクリックします。
- Workspace を作成し、名前を付けます。開発者にアクセスさせたいスコープを選択します。スコープは、開発者がアクセスできるデータドメインを制御します。
- All を選択すると、開発者は任意のスコープ、およびREST API にこれから追加されるスコープを選択できます。
- Custom を選択すると、開発者がOAuth アプリで選択できるスコープを、選択したスコープに制限できます。本製品によって公開されるすべてのテーブルにアクセスするには、次のスコープを設定する必要があります。
event/attendees:read event/attendees:write event/contacts:read event/contacts:write event/custom-fields:read event/custom-fields:write event/events:read event/events:write event/sessions:delete event/sessions:read event/sessions:write event/speakers:delete event/speakers:read event/speakers:write budget/budget-items:read budget/budget-items:write exhibitor/exhibitors:read exhibitor/exhibitors:write survey/surveys:read survey/surveys:write
OAuth アプリケーションの作成
Workspace を設定して招待すると、開発者はサインアップしてカスタムOAuth アプリを作成できます。手順については、ヘルプドキュメントのカスタムOAuth アプリケーションの作成を参照してください。
Cvent への接続
OAuth アプリケーションを作成したら、次の接続プロパティを設定してCvent に接続します。
- InitiateOAuth：GETANDREFRESH。OAuthAccessToken を自動的に取得およびリフレッシュするために使用します。
- OAuthClientId：OAuth アプリケーションに関連付けられたClient ID。これは、Cvent Developer Portal のApplications page ページにあります。
- OAuthClientSecret：OAuth アプリケーションに関連付けられたClient secret。これは、Cvent Developer Portal のApplications page ページにあります。
- 「 Test Connection」をクリックします。
- 「Permission」->「 Add」とクリックし、適切な権限を持つ新しいユーザー(または既存のユーザー) を追加します。
仮想データベースが作成されたら、appsmith を含むお好みのクライアントからCvent に接続できるようになります。
接続の設定が完了したら、appsmith からCvent のデータに接続できるようになります。
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 と連携して、Cvent のデータを取得することができました！いつも利用している業務データを使って、簡単にアプリが作れちゃいますね。
おわりに
この記事ではローコードツールのappsmith からCData Connect Server に接続して、Cvent のデータを取得しました。CData Connect Server では、Cvent 以外の150種類以上のデータソースに同様の方法で連携可能です。30日間無償トライアル を利用して、appsmith からSaaS、ビッグデータ、NoSQL データソースへのSQL アクセスをお試しください！
