Grafana で GMO MakeShop 連携ダッシュボードを作成

Cameron Leblanc
Cameron Leblanc
Technology Evangelist
Grafana で CData Connect AI を介して GMO MakeShop のデータ に接続し、GMO MakeShop のデータ にリアルタイムアクセスできるカスタムビジネスダッシュボードを作成します。

Grafana は、さまざまなデータソースからのテレメトリを分析、監視、可視化できるオープンソースプラットフォームです。CData Connect AI と組み合わせることで、ビジネスダッシュボードから GMO MakeShop のデータ に即座にアクセスできます。この記事では、Connect AI を使用して GMO MakeShop に接続し、Grafana 内で GMO MakeShop のデータ から基本的なダッシュボードを作成する手順を解説します。

CData Connect AI は、GMO MakeShop 用のピュア SQL Server のクラウド間インターフェースを提供します。これにより、ネイティブデータベースへのデータレプリケーションを行うことなく、Grafana 内でリアルタイムの GMO MakeShop のデータ から直接ダッシュボードを作成できます。可視化を構築する際、Grafana はデータ取得のために SQL クエリを生成します。CData Connect AI は、最適化されたデータ処理機能を内蔵しており、フィルタや JOIN を含むサポートされている SQL オペレーションを GMO MakeShop に直接送信します。これにより、サーバーサイド処理を活用して、リクエストされた GMO MakeShop のデータ を迅速に配信します。

GMO MakeShop 接続を Grafana 用に構成

Grafana から GMO MakeShop への接続は、CData Connect AI を介して実現されます。Grafana から GMO MakeShop のデータ を操作するには、まず GMO MakeShop の接続を作成して構成します。

  1. Connect AI にログインし、Sources をクリックしてから、 Add Connection をクリックします
  2. Add Connection パネルから「GMO MakeShop」を選択します
  3. 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 を実行する場合に必要です。
  4. Save & Test をクリックします
  5. Add GMO MakeShop Connection ページの Permissions タブに移動し、User-based permissions を更新します。

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

REST API、OData API、または仮想 SQL Server を介して Connect AI に接続する場合、パーソナルアクセストークン（PAT）を使用して Connect AI への接続を認証します。アクセスの細かい制御を維持するため、各サービスごとに個別の PAT を作成することをお勧めします。

  1. Connect AI アプリの右上にある歯車アイコン（）をクリックして、設定ページを開きます。
  2. 設定ページで Access Tokens セクションに移動し、 Create PAT をクリックします。
  3. PAT に名前を付けて、Create をクリックします。
  4. パーソナルアクセストークンは作成時にのみ表示されるため、必ずコピーして安全な場所に保管しておいてください。

接続の構成と PAT の生成が完了したら、Grafana から GMO MakeShop のデータ に接続する準備が整いました。

Grafana でリアルタイムの GMO MakeShop のデータ を可視化

Grafana から CData Connect AI 仮想 SQL Server API への接続を確立するには、以下の手順に従います。

  1. まだインストールしていない場合は、Grafana のウェブサイトからお使いの OS 用の Grafana をダウンロードしてインストールします。インストール後、http://localhost:3000/ で Grafana にアクセスします。
  2. Grafana のユーザー名とパスワードでログインします。初回ログインの場合、ユーザー名は admin、パスワードは admin です。
  3. ナビゲーションメニューで、Sources > Add new connection をクリックします。このページで Microsoft SQL Server を検索し、データソースとして選択します。
  4. Microsoft SQL Server を選択し、Add new data source をクリックします。
  5. 新しいデータソースの名前を入力し、以下の接続設定を入力します：
    • Host：tds.cdata.com:14333
    • Database：接続したい CData Connect AI データソースの接続名を入力します（例：GMOMakeShop1）。
    • Username：CData Connect AI のユーザー名を入力します。これは CData Connect AI インターフェースの右上に表示されています。例：test@cdata.com
    • Password：先ほど生成した PAT を入力します。
  6. Save & Test をクリックします。接続が正常に確立されると、Database Connect OK メッセージが表示されます。

ダッシュボードの作成

GMO MakeShop 用のデータソースを作成したら、GMO MakeShop のデータ でダッシュボードの構築を開始できます。ナビゲーションメニューで Dashboards をクリックして開始します。

  1. Dashboards ページで、+ Create dashboard をクリックし、次に + Add visualization をクリックします。
  2. Select data source ウィンドウが開き、作成した接続を選択できます。
  3. 接続を選択したら、可視化用にクエリするテーブルとカラムを選択できます。Run Query を押して生成されたクエリを実行します。
  4. クエリを実行すると、結果データがクエリエディターの上に表示されます。ここで、ダッシュボードパネルにデータを表示するための可視化タイプを選択できます。
  5. パネルの編集が完了したら、Save dashboard をクリックしてダッシュボードへの変更を保存できます。

300 以上の SaaS、ビッグデータ、NoSQL ソースへのリアルタイムデータアクセスをクラウドアプリケーションから直接取得するには、CData Connect AI をぜひお試しください！

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

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

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

この記事の内容

関連記事