RAD Studio Data Explorer で BigCommerce のデータを表示

Dibyendu Datta
Lead Technology Evangelist

CData ODBC Driver for BigCommerce を使用して RAD Studio Data Explorer でBigCommerce のデータを表示する方法を説明します。

Embarcadero RAD Studio は、Delphi および C++Builder アプリケーション用の開発環境を提供します。CData ODBC ドライバ for BigCommerce を使用すると、RAD Studio 内からリアルタイムBigCommerce のデータにアクセスでき、データをテーブル、ビュー、ストアドプロシージャとして抽象化してBigCommerce のデータの取得および更新が可能です。この記事では、Data Explorer を使用して BigCommerce に接続する方法を説明します。

BigCommerce への接続を設定

まだ設定していない場合は、ODBC DSN（データソース名）で接続プロパティを指定します。これはドライバーインストールの最後のステップです。Microsoft ODBC データソースアドミニストレーターを使用して、ODBC DSN を作成・設定できます。

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 に設定。

Data Explorer を使用して BigCommerce のデータに接続

CData FireDAC Components for BigCommerce と新しい VCL フォームアプリケーションを利用して、BigCommerce のデータを表示するシンプルなアプリケーションを作成できます。

RAD Studio で Data Explorer を開き、FireDAC を展開します。
Data Explorer で ODBC Data Source ノードを右クリックします。
［新しい接続の追加］をクリックします。
接続の名前を入力します。
表示される FireDAC Connection Editor で、DataSource プロパティに BigCommerce 用 ODBC DSN の名前を設定します。
Data Explorer に戻り、この接続のテーブルを展開します。
新しい VCL フォームアプリケーションを作成し、テーブル（例: Customers）をフォームにドラッグします。
フォーム上の CustomersTable オブジェクトを選択し、Active プロパティを true に設定します。
オブジェクトを右クリックし、［ビジュアルにバインド］を選択して、すべて（*）を新しいコントロール（TStringGrid）にリンクします。
TStringGrid をフォームに配置し、アプリケーションを実行して Customers データを確認します。