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

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

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

CData Connect Cloud とは？

CData Connect Cloud は、以下のような特徴を持ったクラウド型のリアルタイムデータ連携製品です。

• SaaS やクラウドデータベースを中心とする150種類以上のデータソース
• BI、アナリティクス、ETL、ローコードツールなど30種類以上のツールやアプリケーションから利用可能
• リアルタイムのデータ接続に対応。データの複製を作る必要はありません
• ノーコードでシンプルな設定

詳しくは、こちらの製品資料をご確認ください。

Connect Cloud からFacebook への接続

CData Connect Cloud なら、直感的なクリック操作ベースのインターフェースを使ってデータソースに接続できます。サイドバーの「無償トライアル」ボタンから30日間の無償トライアルをスタートできます。

1. 登録後、Connect Cloud にログインして Add Connection をクリックします。
2. Add Connection パネルで「Facebook」を選択します。
3. 必要な認証プロパティを入力し、Facebook に接続します。

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

4. Create & Test をクリックします。
5. Add Facebook Connection ページのPermissions タブに移動し、ユーザーベースのアクセス許可を更新します。

パーソナルアクセストークンの取得

OAuth 認証をサポートしていないサービス、アプリケーション、プラットフォーム、またはフレームワークから接続する場合は、認証に使用するパーソナルアクセストークン（PAT）を作成できます。 きめ細かなアクセス管理を行うために、サービスごとに個別のPAT を作成するのがベストプラクティスです。

1. Connect Cloud アプリの右上にあるユーザー名をクリックし、User Profile をクリックします。
2. User Profile ページでPersonal Access Token セクションにスクロールし、 Create PAT をクリックします。
3. PAT の名前を入力して Create をクリックします。
4. パーソナルアクセストークンは作成時にしか表示されないため、必ずコピーして安全に保存してください。

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

appsmith でのデータソース設定

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

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

appsmith でのクエリ実行

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

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

おわりに

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