AppSheet でBigCommerce のデータと連携するアプリを作成する方法

宮本航太
プロダクトスペシャリスト

CData Connect AI を使ってAppSheet からBigCommerce に接続、BigCommerce のリアルタイムデータを使ってカスタムビジネスアプリを作成します。

AppSheet はアプリケーション作成用のローコード / ノーコード開発プラットフォームで、ユーザーはモバイル、タブレット、Web アプリケーションを自在に作成できます。さらにCData Connect AI と連携することで、ビジネスアプリケーションにBigCommerce のデータへのクラウドベースのアクセスを即座に追加できます。今回はConnect AI からBigCommerce に接続して、AppSheet でBigCommerce のデータを使った可視化を作成してみたので、その方法を説明します！

Connect AI からBigCommerce への接続

CData Connect AI では、直感的なクリック操作ベースのインターフェースを使ってデータソースに接続できます。

Connect AI にログインし、「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 に設定。
Create & Test をクリックします。
（オプション）「Add BigCommerce Connection」ページの「Permissions」タブに移動し、ユーザーベースのアクセス許可を更新します。

（オプション）パーソナルアクセストークンの追加

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

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

コネクションの設定が完了したら、AppSheet からBigCommerce のデータへの接続準備は完了です。ノーコードで簡単にBigCommerce に接続できますね！もし設定でご不明点などあれば、こちらのフォームよりお気軽にお問い合わせください。

AppSheet からBigCommerce への接続

それでは、以下のステップではAppSheet からCData Connect AI に接続して新しいBigCommerce のデータソースを作成する方法を説明します。

AppSheet にログインします。
メニューの「Account settings」をクリックします。
「Sources」タブをクリックして、「+New Data Source」ボタンから新しいデータソースを追加します。
「Cloud Database」をクリックして接続先情報を入力します。
- Type：SQL Server
- Server：tds.cdata.com,14333
- Database：BigCommerce のコネクション名（例：BigCommerce1）。
- Username：Connect AI のユーザー名（例：user@mydomain.com）。
- Password：入力したConnect AI ユーザーのPAT を指定。
- SSL：Require SSL
「Test」をクリックします。
「Authorize Access」をクリックします。