リアルタイムBigCommerce のデータをビルトインPower Apps のカスタムビジネスアプリに統合

加藤龍彦
デジタルマーケティング

CData Connect AI を使用してBigCommerce のデータに接続し、リアルタイムでデータをMicrosoft Power Apps で構築されたアプリに統合します。

Power Apps は、ソフトウェア開発の時間を短縮しつつ、データに接続してWeb とモバイル両方で機能するカスタムビジネスアプリを構築および使用するためのサービスです。CData Connect AI と組み合わせると、Power Apps を使用して構築したアプリからBigCommerce のデータにクラウドベースでアクセスできます。この記事では、Power Apps からConnect AI に接続し、リアルタイム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 をクリックします。
Edit BigCommerce Connection ページのPermissions タブに移動し、ユーザーベースのアクセス許可を更新します。

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

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

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

コネクションが構成されたら、Power Apps からBigCommerce に接続できるようになります。

CData Connect AI に接続する

Connect AI を使用してBigCommerce のデータをPower Apps に統合するには、新しいSQL Server 接続が必要です。

Power Apps にログインします。
Dataverse -> Connections -> New connection とクリックします。
SQL Server を選択します。
接続ウィザードにて：
- 「直接接続」を選択します。
- SQL server name をtds.cdata.com,14333 に設定します。
- SQL database name をBigCommerce 接続の名前（BigCommerce1 など）に設定します。
- Username をConnect AI のユーザーに設定します。（user@mydomain.com）
- Password を上記のユーザーのPAT に設定します。
- 作成をクリックします。

BigCommerce のデータを活用するアプリを構築する

Connect AI への接続が構成されたら、リアルタイムでBigCommerce のデータをPower Apps で構築したアプリに統合することができます。

Power Apps にログインします。
「Create」をクリックし、「SQL」を選択します。
作成したSQL Server 接続を選択します。
使用するテーブルを検索または選択します。
Connect をクリックします。
新しく作成したアプリのレイアウトや、BrowseScreen、DetailScreen、EditScreen で表示されるフィールドの設定などを、ほかのアプリと同じようにカスタマイズします。