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

宮本航太
宮本航太
プロダクトスペシャリスト
CData Connect AI を使ってAppSheet からShopify に接続、Shopify のリアルタイムデータを使ってカスタムビジネスアプリを作成します。

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

Connect AI からShopify への接続

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

  1. Connect AI にログインし、 「Add Connection」をクリックします。 コネクションの追加
  2. Add Connection パネルから「Shopify」を選択します。 データソースの選択
  3. 必要な認証プロパティを入力し、Shopify に接続します。

    それでは、Shopify への接続・認証について説明していきましょう。Shopify では、アクセストークンとOAuth の2つの接続方法をサポートしています。

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

    アクセストークン経由の接続には、以下の2つのステップが必要です。

    1. Shopify の管理画面でアクセストークンを作成
    2. アクセストークンを使用して認証

    アクセストークンの作成

    まず、アプリを登録してアクセストークンを取得してみましょう。手順は以下のとおりです。

    1. 管理画面からShopify にログインし、AppsApps 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回のみ可能ですので、必ず保存してください

    アクセストークンによる認証

    続いて、アクセストークンで認証するには、以下のプロパティを設定してください。

    • AuthSchemeAccessToken に設定
    • AccessToken:カスタムアプリからコピーしたアクセストークンの値に設定

    OAuth 認証を介した接続については、ヘルプドキュメントの「OAuth 認証の使用」をご確認ください。

    接続の設定(Salesforce の表示)
  4. Create & Test をクリックします。
  5. (オプション)「Add Shopify Connection」ページの「Permissions」タブに移動し、ユーザーベースのアクセス許可を更新します。 権限を更新

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

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

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

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

AppSheet からShopify への接続

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

  1. AppSheet にログインします。
  2. メニューの「Account settings」をクリックします。
  3. 「Sources」タブをクリックして、「+New Data Source」ボタンから新しいデータソースを追加します。 新しいデータソースを追加
  4. 「Cloud Database」をクリックして接続先情報を入力します。
    • Type:SQL Server
    • Servertds.cdata.com,14333
    • Database:Shopify のコネクション名(例:Shopify1)。
    • Username:Connect AI のユーザー名(例:user@mydomain.com)。
    • Password:入力したConnect AI ユーザーのPAT を指定。
    • SSL:Require SSL
    Connect AI への接続
  5. 「Test」をクリックします。
  6. 「Authorize Access」をクリックします。

AppSheet でアプリを作る

Shopify のデータソースを作成したら、Shopify のデータを使ったアプリを構築できます。まずはメニューの「My apps」をクリックしましょう。

  1. 「Create」->「App」->「Start with existing data」の順にクリックして、新しいアプリの作成を始めます。
  2. 任意のアプリ名を入力して、使用するデータに基づく適切なカテゴリを設定します。
  3. 先ほど作成したデータソースを選択します。
  4. 次の画面で、データソースのテーブルとビューの一覧を確認できます。アプリ作成で使用したいデータを選択してください。 テーブルを選択

この段階で、アプリのデザインを変更したり、選択したテーブルのどのカラムを表示、またはテーブルとして使用するか、といったことを設定できます。右側のプレビューパネルでアプリをプレビューして、良さそうであればパブリッシュします。

Connect AI と連携したアプリを設定

CData Connect AI の14日間無償トライアルを利用して、クラウドアプリケーションから直接100を超えるSaaS 、ビッグデータ、NoSQL データソースへのSQL アクセスをお試しください!

はじめる準備はできましたか?

CData Connect AI の詳細、または無料トライアルにお申し込みください:

無料トライアル お問い合わせ