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

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

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

Power Apps は、ソフトウェア開発の時間を短縮しつつ、データに接続してWeb とモバイル両方で機能するカスタムビジネスアプリを構築および使用するためのサービスです。CData Connect AI と組み合わせると、Power Apps を使用して構築したアプリからShopify のデータにクラウドベースでアクセスできます。この記事では、Power Apps からConnect AI に接続し、リアルタイムShopify のデータを使用してアプリを構築する方法を説明します。

Connect AI からShopify に接続する

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

Connect AI にログインし、 Add Connection をクリックします。
Add Connection パネルから「Shopify」を選択します。
必要な認証プロパティを入力し、Shopify に接続します。
それでは、Shopify への接続・認証について説明していきましょう。Shopify では、アクセストークンとOAuth の2つの接続方法をサポートしています。

アクセストークンによる接続

アクセストークン経由の接続には、以下の2つのステップが必要です。
1. Shopify の管理画面でアクセストークンを作成
2. アクセストークンを使用して認証
アクセストークンの作成

まず、アプリを登録してアクセストークンを取得してみましょう。手順は以下のとおりです。
1. 管理画面からShopify にログインし、Apps → Apps and sales channels に進みます
2. Develop apps をクリックしてCreate an app を選択します
3. Overview タブのConfiguration で、Admin API integration をクリックし、アプリに許可するストアのアクセス権を選択してください。CData製品が必要とするAdmin API 権限については、 href="/kb/help/" target="_blank">ヘルプドキュメントの「はじめに」セクションをご確認ください
4. Save をクリックします
5. Overview タブのConfiguration で、Storefront API integration をクリックし、アプリに許可するストアのアクセス権を選択します。CData製品が必要とするStorefront API 権限は以下のとおりです：
  - unauthenticated_read_content
6. Save をクリックします
7. API Credentials を選択します
8. "Access tokens" の下でInstall app をクリックします。これでアクセストークンが作成されます
9. Admin API Access token のアクセストークンをコピーします。注意：トークンの公開およびコピーは1回のみ可能ですので、必ず保存してください
アクセストークンによる認証

続いて、アクセストークンで認証するには、以下のプロパティを設定してください。
- AuthScheme：AccessToken に設定
- AccessToken：カスタムアプリからコピーしたアクセストークンの値に設定
OAuth 認証を介した接続については、ヘルプドキュメントの「OAuth 認証の使用」をご確認ください。
Create & Test をクリックします。
Edit Shopify Connection ページのPermissions タブに移動し、ユーザーベースのアクセス許可を更新します。

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

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

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

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

CData Connect AI に接続する

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

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

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

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

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