Grafana で BigCommerce 連携ダッシュボードを作成
Grafana は、さまざまなデータソースからのテレメトリを分析、監視、可視化できるオープンソースプラットフォームです。CData Connect AI と組み合わせることで、ビジネスダッシュボードから BigCommerce のデータ に即座にアクセスできます。この記事では、Connect AI を使用して BigCommerce に接続し、Grafana 内で BigCommerce のデータ から基本的なダッシュボードを作成する手順を解説します。
CData Connect AI は、BigCommerce 用のピュア SQL Server のクラウド間インターフェースを提供します。これにより、ネイティブデータベースへのデータレプリケーションを行うことなく、Grafana 内でリアルタイムの BigCommerce のデータ から直接ダッシュボードを作成できます。可視化を構築する際、Grafana はデータ取得のために SQL クエリを生成します。CData Connect AI は、最適化されたデータ処理機能を内蔵しており、フィルタや JOIN を含むサポートされている SQL オペレーションを BigCommerce に直接送信します。これにより、サーバーサイド処理を活用して、リクエストされた BigCommerce のデータ を迅速に配信します。
BigCommerce 接続を Grafana 用に構成
Grafana から BigCommerce への接続は、CData Connect AI を介して実現されます。Grafana から BigCommerce のデータ を操作するには、まず BigCommerce の接続を作成して構成します。
- Connect AI にログインし、Sources をクリックしてから、 Add Connection をクリックします
- Add Connection パネルから「BigCommerce」を選択します
-
BigCommerce に接続するために必要な認証プロパティを入力します。
BigCommerce 認証は標準のOAuth フローに基づいています。
Store ID の取得
BigCommerce Store に接続するには、StoreId が必要です。Store Id を確認するには、以下の手順に従ってください。
- BigCommerce アカウントにログインします。
- ホームページから「Advanced Settings」->「API Accounts」 を選択します。
- 「Create API Account」->「Create V2/V3 API Token」をクリックします。
- 画面にAPI Path という名前のテキストボックスが表示されます。
- テキストボックス内に、次の構造のURL が表示されます：https://api.bigcommerce.com/stores/{Store Id}/v3。
- 上記で示したように、Store Id は'stores/' と'/v3' パスパラメータの間にあります。
- Store Id を取得したら、「キャンセル」 をクリックするか、まだ持っていない場合はAPI Account の作成に進むことができます。
パーソナルアクセストークンの取得
加えて、自分のデータをテストおよびアクセスするには、個人用トークンを取得する必要があります。個人用トークンを取得する方法は次のとおりです。
- BigCommerce アカウントにログインします。
- ホームページから「Advanced Settings」->「API Accounts」 を選択します。
- 「Create API Account」->「Create V2/V3 API Token」をクリックします。
- アカウント名を入力します。
- 作成するAPI Account の「OAuth Scopes」を選択します。CData 製品 は"None" とマークされたデータにアクセスできません。また、"read-only" とマークされたデータを変更できません。
- 「保存」をクリックします。
BigCommerce への認証
次に、以下を設定してデータに接続できます。- StoreId：API Path テキストボックスから取得したStore ID に設定。
- OAuthAccessToken：生成したトークンに設定。
- InitiateOAuth：OFF に設定。
- Save & Test をクリックします
-
Add BigCommerce Connection ページの Permissions タブに移動し、User-based permissions を更新します。
パーソナルアクセストークンの追加
REST API、OData API、または仮想 SQL Server を介して Connect AI に接続する場合、パーソナルアクセストークン（PAT）を使用して Connect AI への接続を認証します。アクセスの細かい制御を維持するため、各サービスごとに個別の PAT を作成することをお勧めします。
- Connect AI アプリの右上にある歯車アイコン（）をクリックして、設定ページを開きます。
- 設定ページで Access Tokens セクションに移動し、 Create PAT をクリックします。
-
PAT に名前を付けて、Create をクリックします。
- パーソナルアクセストークンは作成時にのみ表示されるため、必ずコピーして安全な場所に保管しておいてください。
接続の構成と PAT の生成が完了したら、Grafana から BigCommerce のデータ に接続する準備が整いました。
Grafana でリアルタイムの BigCommerce のデータ を可視化
Grafana から CData Connect AI 仮想 SQL Server API への接続を確立するには、以下の手順に従います。
- まだインストールしていない場合は、Grafana のウェブサイトからお使いの OS 用の Grafana をダウンロードしてインストールします。インストール後、http://localhost:3000/ で Grafana にアクセスします。
- Grafana のユーザー名とパスワードでログインします。初回ログインの場合、ユーザー名は admin、パスワードは admin です。
-
ナビゲーションメニューで、Sources > Add new connection をクリックします。このページで Microsoft SQL Server を検索し、データソースとして選択します。
-
Microsoft SQL Server を選択し、Add new data source をクリックします。
-
新しいデータソースの名前を入力し、以下の接続設定を入力します：
- Host：tds.cdata.com:14333
- Database：接続したい CData Connect AI データソースの接続名を入力します（例：BigCommerce1）。
- Username：CData Connect AI のユーザー名を入力します。これは CData Connect AI インターフェースの右上に表示されています。例：test@cdata.com
- Password：先ほど生成した PAT を入力します。
- Save & Test をクリックします。接続が正常に確立されると、Database Connect OK メッセージが表示されます。
ダッシュボードの作成
BigCommerce 用のデータソースを作成したら、BigCommerce のデータ でダッシュボードの構築を開始できます。ナビゲーションメニューで Dashboards をクリックして開始します。
- Dashboards ページで、+ Create dashboard をクリックし、次に + Add visualization をクリックします。
-
Select data source ウィンドウが開き、作成した接続を選択できます。
-
接続を選択したら、可視化用にクエリするテーブルとカラムを選択できます。Run Query を押して生成されたクエリを実行します。
-
クエリを実行すると、結果データがクエリエディターの上に表示されます。ここで、ダッシュボードパネルにデータを表示するための可視化タイプを選択できます。
- パネルの編集が完了したら、Save dashboard をクリックしてダッシュボードへの変更を保存できます。
300 以上の SaaS、ビッグデータ、NoSQL ソースへのリアルタイムデータアクセスをクラウドアプリケーションから直接取得するには、CData Connect AI をぜひお試しください！