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

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

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

API Server から Adobe Commerce に接続

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

  1. API Server を開き、Settings -> Connection -> Add Connection をクリックします。
  2. 「Adobe Commerce」を選択します。
  3. Adobe Commerce に接続するために必要な認証プロパティを入力します。

    Adobe Commerce はOAuth 1 認証標準を使用します。Adobe Commerce REST API に接続するには、Adobe Commerce システムにアプリを登録してOAuthClientId、OAuthClientSecret、およびCallbackURL 接続プロパティの値を取得する必要があります。 OAuth 値を取得して接続するには、ヘルプドキュメントの「はじめに」を参照してください。

    また、Adobe Commerce システムへのURL を提供する必要があります。URL は、Adobe Commerce REST API を顧客として使用しているか管理者として使用しているかによって異なります。

    • Customer: Adobe Commerce を顧客として使用するには、事前にAdobe Commerce のホームページで顧客アカウントを作成します。これを行うには、「アカウント」->「登録」をクリックします。それからURL 接続プロパティをAdobe Commerce システムのエンドポイントに設定します。

    • Administrator: Adobe Commerce を管理者として使用するには、代わりにCustomAdminPath を設定します。この値は、「Admin」メニューの「Advanced」設定で取得できます。「System」->「Configuration」->「Advanced」->「Admin」->「Admin Base URL」を選択することでアクセスできます。

      このページ上の「Use Custom Admin Path」設定がYES に設定されている場合、値は「Custom Admin Path」テキストボックス内にあります。それ以外の場合は、CustomAdminPath 接続プロパティをデフォルト値の"admin" に設定します。

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

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

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

API Server ユーザーの追加

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

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

(オプション) クロスオリジンリソースシェアリング (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 でAdobe Commerce のデータを可視化していきましょう。

  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. フィールドを選択し、チャートタイプを選びます。

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

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

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

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

CData API Server お問い合わせ

この記事の内容

関連記事