Mode で BigCommerce のデータに基づくデータビジュアライゼーションを作成

Dibyendu Datta
Lead Technology Evangelist

CData Connect AI を使用して Mode から BigCommerce のデータに接続し、リアルタイムのBigCommerce のデータを使用してビジュアライゼーションを構築できます。

Mode は、SQL、R、Python、そしてビジュアルアナリティクスを一つのプラットフォームに統合した協調型データプラットフォームです。CData Connect AI と組み合わせることで、クラウド間で即座にBigCommerce のデータにアクセスしてデータビジュアライゼーションに活用できます。この記事では、Connect AI で BigCommerce に接続し、Mode でBigCommerce のデータに接続してシンプルなビジュアライゼーションを作成する方法を説明します。

CData Connect AI は BigCommerce 専用のクラウド間インターフェースを提供し、ネイティブでサポートされているデータベースにデータをレプリケートすることなく、Mode でリアルタイムのBigCommerce のデータからデータビジュアライゼーションを構築できます。ビジュアライゼーションを作成するために、ユーザーはSQL クエリを記述してデータを収集します。最適化されたデータ処理を標準で使用し、CData Connect AI はサポートされているすべてのSQL 操作（フィルター、JOIN など）を BigCommerce に直接プッシュし、サーバーサイド処理を活用して必要なBigCommerce のデータを迅速に返します。

Mode 用に BigCommerce への接続を設定

Mode から BigCommerce への接続は、CData Connect AI によって実現されます。Mode からBigCommerce のデータを操作するには、まず BigCommerce 接続を作成し設定します。

Connect AI にログインして「Sources」をクリックし、 Add Connection をクリックします

Add Connection パネルから「BigCommerce」を選択します

BigCommerce への接続に必要な認証プロパティを入力します。
BigCommerce 認証は標準のOAuth フローに基づいています。
Store ID の取得

BigCommerce Store に接続するには、StoreId が必要です。Store Id を確認するには、以下の手順に従ってください。
1. BigCommerce アカウントにログインします。
2. ホームページから「Advanced Settings」->「API Accounts」 を選択します。
3. 「Create API Account」->「Create V2/V3 API Token」をクリックします。
4. 画面にAPI Path という名前のテキストボックスが表示されます。
5. テキストボックス内に、次の構造のURL が表示されます：https://api.bigcommerce.com/stores/{Store Id}/v3。
6. 上記で示したように、Store Id は'stores/' と'/v3' パスパラメータの間にあります。
7. Store Id を取得したら、「キャンセル」 をクリックするか、まだ持っていない場合はAPI Account の作成に進むことができます。
パーソナルアクセストークンの取得

加えて、自分のデータをテストおよびアクセスするには、個人用トークンを取得する必要があります。個人用トークンを取得する方法は次のとおりです。
1. BigCommerce アカウントにログインします。
2. ホームページから「Advanced Settings」->「API Accounts」 を選択します。
3. 「Create API Account」->「Create V2/V3 API Token」をクリックします。
4. アカウント名を入力します。
5. 作成するAPI Account の「OAuth Scopes」を選択します。CData 製品は"None" とマークされたデータにアクセスできません。また、"read-only" とマークされたデータを変更できません。
6. 「保存」をクリックします。
BigCommerce への認証
次に、以下を設定してデータに接続できます。
- StoreId：API Path テキストボックスから取得したStore ID に設定。
- OAuthAccessToken：生成したトークンに設定。
- InitiateOAuth：OFF に設定。
Save & Test をクリックします
Add BigCommerce Connection ページの「Permissions」タブに移動し、ユーザーベースの権限を更新します。

Personal Access Token の追加

REST API、OData API、またはVirtual SQL Server 経由でConnect AI に接続する場合、Personal Access Token（PAT）を使用してConnect AI への接続を認証します。アクセス管理の粒度を維持するために、サービスごとに個別のPAT を作成することをお勧めします。

Connect AI アプリの右上にある歯車アイコン（）をクリックして設定ページを開きます。
Settings ページで「Access Tokens」セクションに移動し、 Create PAT をクリックします。
PAT に名前を付けて「Create」をクリックします。
Personal Access Token は作成時にのみ表示されるため、必ずコピーして安全な場所に保存してください。

接続の設定とPAT の生成が完了したら、Mode からBigCommerce のデータに接続する準備が整いました。

Mode で BigCommerce に接続

以下の手順では、Mode からCData Connect AI に接続して新しい BigCommerce データソースを作成する方法を説明します。

Mode にログインします
画面の左上隅で、名前の横にある下向き矢印をクリックし、「Connect a Database...」を選択します
次の画面で「Microsoft SQL Server」を選択します。
Microsoft SQL Server の資格情報を入力します：
- Display Name: 接続の名前
- Host/Port: Host フィールドに tds.cdata.com と入力し、Port フィールドに 14333 と入力します。
- Database name: 接続したいCData Connect AI データソースの接続名を入力します（例：BigCommerce1）。
- Username: CData Connect AI のユーザー名を入力します。これはCData Connect AI インターフェースの右上隅に表示されています。例：[email protected]
- Password: Settings ページで生成したPAT を入力します
変更が必要な場合を除き、残りの接続設定はデフォルト値のままにしておきます。
ページ下部で「Connect」をクリックして、CData Connect AI に接続できることを確認します。
成功すると、以下の画面が表示されます。

これで、Mode で接続を使用できるようになりました。CData Connect AI アカウントから追加のデータソースに接続するには、上記のセットアップ手順を繰り返し、各データソースに対してDatabase の値を変更します。

Mode ビジュアライゼーションの作成

Mode でビジュアライゼーションを作成するには、以下の手順に従います：

現在の画面で「New Report」をクリックします。SQL クエリのテキストエディターが表示されます。以下のクエリを入力します：
```
			SELECT * FROM [BigCommerce].[Customers];
		
```
「Run」をクリックします。アプリにクエリ結果が表示されます：
クエリを実行すると「New Chart」タブがアクティブになります。このタブをクリックし、「Pie Chart」を選択します。
次に、Color セクションにディメンションをドロップし、Angle セクションにメジャーをドロップします。
CData Connect AI を使用して、Mode でBigCommerce のデータのビジュアライゼーションを作成できました！