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

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

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

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

Connect AI からGMO MakeShop に接続する

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

Connect AI にログインし、 Add Connection をクリックします。
Add Connection パネルから「GMO MakeShop」を選択します。
必要な認証プロパティを入力し、GMO MakeShop に接続します。
GMO MakeShop に接続するには、MembersAccessCode、OrdersAccessCode、ProductsAccessCode、およびShopId が必要です。
GMO MakeShop へのアクセスの設定

MembersAccessCode、OrdersAccessCode、ProductsAccessCode、およびShopId を取得するには、以下の手順に従ってください。
- GMO MakeShop には各API のAccessCode が必要です。
- GMO MakeShop Store Manager にログインし、メニューの「ショップ作成」をクリックします。
- 左ナビゲーションメニューの「外部システム連携」から任意の連携対象設定ををクリックします（メニューに表示されない場合は別途GMO MakeShop にご確認ください）。
- 商品データ連携設定の場合：認証コードの「発行」ボタンをクリックし、ProductsAccessCode を取得します。
- 注文データ連携設定の場合：最初に「注文情報参照」と「注文情報変更」の設定を選択します。選択後、認証コードの「発行」ボタンをクリックし、OrdersAccessCode を取得します。
- 会員データ連携設定の場合：最初に「会員情報の（参照・登録・変更・削除）」の設定を選択します。選択後、認証コードの「発行」ボタンをクリックし、MembersAccessCode を取得します。
- 会員認証連携設定の場合：認証コードの「発行」ボタンをクリックし、ProductsAccessCode を取得します。
GMO MakeShop アカウントの認証

次の接続プロパティを設定して接続します。
- ShopId：接続先のGMO MakeShop Store ID を設定。GMO MakeShop Store ID はログイン用の ID と同じです。
- OrdersAccessCode：「注文データ連携設定」から取得した「認証コード」を設定。このプロパティは Orders テーブルにアクセスする場合に必要です。
- ProductsAccessCode：「商品データ連携設定」から取得した「認証コード」を設定。このプロパティは Products テーブルにアクセスする場合に必要です。
- MembersAccessCode：「会員データ連携設定」から取得した「認証コード」を設定。このプロパティは Members テーブルにアクセスする場合に必要です。
- MemberAuthenticationCode：「会員認証連携設定」から取得した「認証コード」を設定。このプロパティは MemberAuthenticationConfirm を実行する場合に必要です。
- Password：GMO MakeShop Store Manager のログインユーザーのパスワードを指定。このプロパティは ProductCategoryRegistrationOrModification,ProductMemberGroupPriceRegistrationOrModification,ProductOptionRegistrationOrModification,ProductRegistrationOrModification を実行する場合に必要です。
Create & Test をクリックします。
Edit GMO MakeShop Connection ページのPermissions タブに移動し、ユーザーベースのアクセス許可を更新します。

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

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

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

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

CData Connect AI に接続する

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

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

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

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

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