MotionBoard からWooCommerce のデータに連携してダッシュボードを作成

こんにちは！テクニカルディレクターの桑島です。

MotionBoard は、ウイングアーク1st 社が提供する人気のBI ダッシュボードツールです。この記事ではMotionBoard で、WooCommerce のデータをCData Connect を通じてシームレスに統合利用する方法を説明します。

CData Connect Cloud は、SaaS 型のデータ仮想化プラットフォームです。Salesforce、Dynamics、Zoho CRM、NetSuite、Marketo、kintone など150以上の多様なSaaS にBI ツール、アナリティクス、iPaaS、ノーコード開発プラットフォームからアクセスするための仮想エンドポイントを提供します。連携方法が異なるSaaS をSQL Server 、SQL Server、OData の3種類のインターフェースに仮想化することで、データ連携をシンプルに実現します。

この記事では、WooCommerce のデータを仮想SQL Server エンドポイントして利用してMotionBoard からデータを取得、可視化します。

CData Connect Cloud とは？

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

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

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

Connect Cloud からWooCommerce に接続する

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

   WooCommerce は、one-legged OAuth1.0 認証と通常のOAuth2.0 認証をサポートします。

   one-legged OAuth 1.0 認証を使って接続する

   次のプロパティを指定してください（NOTE：次の資格情報はWooCommerce の設定ページで生成されるもので、WordPress OAuth2.0 プラグインで生成されるものとは異なります）。

   • ConsumerKey
   • ConsumerSecret

   WordPress OAuth 2.0 認証を使って接続する

   プラグインを設定した後、 次の接続プロパティを指定することでWooCommerce に接続できます。

   • OAuthClientId
   • OAuthClientSecret
   • CallbackURL
   • InitiateOAuth - GETANDREFRESH または REFRESH のどちらかに設定してください

   どちらの場合方法でも、Url プロパティをWooCommerce インスタンスのURL に設定する必要があります。

4. Create & Test をクリックします。

パーソナルアクセストークンの追加

MotionBoard への接続には、パスワードの代わりとしてパーソナルアクセストークンを利用します。セキュアなアクセス管理を実現するには、サービスごとに個別のPAT を作成するのがベストプラクティスです。

1. Connect Cloud アプリの右上にある歯車アイコンをクリックします。
2. Settings ページで「Access Tokens」タブに移動し、 Create PAT をクリックします。
3. PAT の名前を入力して Create をクリックします。
4. パーソナルアクセストークンは作成時にしか表示されないため、コピーして安全に保存してください。

MotionBoard からWooCommerce のデータに接続してダッシュボードを作成

MotionBoardの「システム設定 → 接続/認証 → 外部接続」から新しい外部接続を作成します。接続先タイプはSQL Server を選択します。

• 外部接続名：任意（例：CDataConnect）
• 接続先タイプ：SQL Server
• 中継サービス：使用しない

外部接続の基本情報タブにて以下内容をセットします。

• 外部接続名：任意（例：CDataConnect）
• 接続先タイプ：SQL Server
• 接続先タイプ：SQL Server 4.0(JDBC)
• 中継サービス：使用しない
• サーバー名：tds.cdata.com
• ポート : 14333
• データベース名 : 先ほどConnect Cloud で作成した接続先データソース名(例：WooCommerce1)
• ユーザー名 : Connect Cloud のユーザー名（メールアドレス）
• パスワード : パーソナルアクセストークン

「データソース」タブを開き、WooCommerce 内のテーブルが一覧に表示されることを確認できます。ここまで確認できたら「保存」ボタンで外部接続定義を保存して閉じます。

「ボード新規作成」から新しいボードを作成します。

アイテムウィザードのDS1の接続先に上記の外部接続定義で作成した接続（本例では Cdata Connect）を選択します。次に、左側のデータベースにWooCommerce のテーブルリストが表示されますので、使用するテーブルを選択します。右側にDealsテーブル内のデータがプレビューされます。

ウィザードを次に進み、作成するアイテムにチャートを選択して、「次へ」をクリックします。データソース エディタが起動します。左側の項目一覧から可視化したい項目を行項目・列項目・集計項目にセットします。もうRDB やCSV などのデータソースを扱う場合と同じ操作でビジュアライズを作成できます。あとは、おすすめチャートから適切なチャート種類を選択します。

まとめ

このように、CData Connect Cloud を経由することで、API 側の複雑な仕様を意識せずにMotionBoard でデータを可視化できます。他にも多くのデータソースに対応するCData Connect Cloud の詳細をこちらからご確認ください。