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

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

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

CData Connect Cloud とは？

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

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

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

Connect Cloud からWordPress への接続

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

1. 登録後、Connect Cloud にログインして Add Connection をクリックします。

2. Add Connection パネルで「WordPress」を選択します。

3. 必要な認証プロパティを入力し、WordPress に接続します。

   WordPress 接続プロパティの取得・設定方法

   現時点では、CData JDBC Driver for WordPress はセルフホスト型のWordPress インスタンスへの接続のみをサポートしています。データに接続するには、Url を自身のwordpress サイトに指定し、次に以下に説明するように認証を行います。

   URL を完全な形式で記入します。例えば、あなたのサイトが'http://localhost/wp/wordpress' でホストされている場合、URL は'http://localhost' ではなく、'http://localhost/wp/wordpress' となるべきです。 URL を完全な形式で入力しないと、'site not found' というエラーが発生します。

   WordPress は2種類の認証をサポートします。

   • Basic 認証は、テスト環境での使用が推奨されます。
   • OAuth 2.0 認証は、デスクトップアプリケーション、Web アプリケーション、またはヘッドレスマシンからのブラウザベースのアクセスをサポートします。

   Basic 認証

   Basic 認証を使用するようにWordPress を設定する前に：

   • WordPress ログインに管理者権限があることを確認してください。
   • ローカルホストで実行されているWordPress のバージョンを確認します。（WordPress 4.7 以降はネイティブでWordPress REST API サポートしていますが、それより前のバージョンでは、REST API へのアクセスを安全に行うには、Basic 認証プラグインの使用が必要です。）
   Basic 認証を構成するには：
   1. WordPress ホストにログインします。
   2. 4.7より前のバージョンのWordPress を実行している場合は、REST API プラグインをインストールしてください。
   3. Basic Authentication プラグインをインストールします。
   4. カスタムタクソノミーを作成するには、Simple Taxonomy Refreshed をインストールします。プラグインを手動でインストールしたい場合は、圧縮されたフォルダをwp-content\plugins フォルダに展開してからWordPress 管理者インターフェース経由でプラグインを有効にします。
   5. 次の接続プロパティを設定します。
      • AuthScheme：Basic。
      • Url：WordPress URL。
      • User：ユーザーネーム。
      • Password：パスワード。
   OAuth 2.0 認証についてはヘルプドキュメントを参照してください。
   
4. Create & Test をクリックします。
5. Add WordPress Connection ページのPermissions タブに移動し、ユーザーベースのアクセス許可を更新します。

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

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

1. Connect Cloud アプリの右上にあるユーザー名をクリックし、User Profile をクリックします。
2. User Profile ページでPersonal Access Token セクションにスクロールし、 Create PAT をクリックします。
3. PAT の名前を入力して Create をクリックします。

4. パーソナルアクセストークンは作成時にしか表示されないため、必ずコピーして安全に保存してください。

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

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 と連携して、WordPress のデータを取得することができました！いつも利用している業務データを使って、簡単にアプリが作れちゃいますね。

おわりに

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