Infragistics Reveal で Shopify ののデータを分析・可視化

Jerod Johnson
Jerod Johnson
Senior Technology Evangelist
CData API Server を使用してShopify のデータの OData API を作成し、Infragistics Reveal でリアルタイムのShopify のデータを可視化します。

Reveal は Infragistics が提供するデータ可視化ソリューションで、CData API Server と組み合わせることで、リアルタイムのShopify のデータから動的なダッシュボードを構築できます。CData API Server は Shopify 用の OData API を生成し、Reveal からネイティブに利用できます。この記事では、API Server で Shopify に接続し、Infragistics Reveal から API Server に接続してシンプルなダッシュボードを作成する方法を説明します。

API Server から Shopify に接続

CData API Server は、シンプルなポイント&クリック操作のインターフェースでデータソースに接続し、API を生成できます。

  1. API Server を開き、Settings -> Connection -> Add Connection をクリックします。
  2. 「Shopify」を選択します。
  3. 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 認証の使用」をご確認ください。

API Server で Shopify のリソース定義を追加

Shopify に接続したら、Shopify のデータ の API エンドポイントとなるリソースを作成します。

  1. Settings -> Resources -> Add Resource をクリックします。
  2. Shopify の接続を選択します。
  3. 取得したいテーブルを選択し、「次へ」をクリックします。
  4. (オプション) リソースを編集して、特定のフィールドを選択するなどの設定を行います。
  5. 設定を保存します。

API Server ユーザーの追加

API Server 経由で Reveal から Shopify に接続するためのユーザーを作成します。

  1. Settings -> Users をクリックします。
  2. Add をクリックします。
  3. Shopify の接続とリソースにアクセス可能なユーザーを設定します。

(オプション) クロスオリジンリソースシェアリング (CORS) の設定

Ajax などのアプリケーションから複数の異なるドメインにアクセス・接続する場合、クロスサイトスクリプティングの制限に抵触する可能性があります。その場合は、Settings -> Server で CORS 設定を行います。

  • Enable cross-origin resource sharing (CORS): ON
  • Allow all domains without '*': ON
  • Access-Control-Allow-Methods: GET, PUT, POST, OPTIONS
  • Access-Control-Allow-Headers: Authorization

設定の変更を保存します。

Reveal でダッシュボードを作成

API Server の設定が完了したら、Reveal でShopify のデータを可視化していきましょう。

  1. Reveal にログインし、Dashboards -> New をクリックします。
  2. Data Source -> OData Feed をクリックします。
  3. API Server の API エンドポイント URL を指定します。例: https://serverurl/api.rsc
  4. Generic Credentials を選択し、API Server のユーザー名と認証トークンを指定します。
  5. 可視化したいエンティティを選択します。
  6. フィールドを選択し、チャートタイプを選びます。

詳細情報と無償トライアル

これで、リアルタイムのShopify のデータからシンプルなダッシュボードを作成できました。Shopify (および 150 以上のデータソース) から OData フィードを作成する方法の詳細については、API Server ページをご覧ください。30日間の無償トライアルをダウンロードして、OData API を利用するツールでリアルタイムのShopify のデータを活用してみてください。

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

詳細はこちら、または無料トライアルにお申し込みください：

CData API Server お問い合わせ

この記事の内容

関連記事