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

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

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

API Server から Spotify に接続

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

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

    OAuth 認証の設定

    Spotify は認証に OAuth 2.0 を使用します。クライアント認証情報を取得するには、Spotify Developer Dashboard でアプリケーションを作成する必要があります。

    Spotify アプリケーションのセットアップ

    1. Spotify Developer Dashboard にアクセスします。
    2. Spotify アカウントでログインして Create app をクリックします。
    3. アプリ名、説明を入力し、Redirect URI を設定します（デスクトップアプリケーションの場合は 
      http://localhost:33333
      など）。
    4. アプリ設定から Client ID と Client Secret をコピーします。

    接続プロパティ

    以下の接続プロパティを設定して接続を確立してください：

    • AuthScheme：OAuth に設定します。
    • InitiateOAuth：GETANDREFRESH に設定します。InitiateOAuth を使うと、OAuthAccessToken を取得するプロセスを管理できます。
    • OAuthClientId：Spotify アプリケーションの Client ID に設定します。
    • OAuthClientSecret：Spotify アプリケーションの Client Secret に設定します。
    • Scope：必要な OAuth スコープ（スペース区切り）に設定します。デフォルトには、このプロファイルのテーブルに必要なすべての読み取りスコープが含まれます。
    • CallbackURL：Spotify アプリケーションで設定したリダイレクト URI に設定します（例：http://localhost:33333）。

    接続文字列の例

    Profile=C:\profiles\Spotify.apip;AuthScheme=OAuth;InitiateOAuth=GETANDREFRESH;OAuthClientId=your_client_id;OAuthClientSecret=your_client_secret;CallbackURL=http://localhost:33333;

    利用可能な OAuth スコープ

    • user-read-private：ユーザーのサブスクリプション詳細と露骨なコンテンツ設定への読み取りアクセス。
    • user-read-email：ユーザーのメールアドレスへの読み取りアクセス。
    • user-library-read：ユーザーが保存したトラック、アルバム、エピソード、ショー、オーディオブックへの読み取りアクセス。
    • playlist-read-private：ユーザーの非公開プレイリストへの読み取りアクセス。
    • playlist-read-collaborative：ユーザーがフォローしているコラボレーティブプレイリストへの読み取りアクセス。
    • user-follow-read：現在のユーザーがフォローしているアーティストの一覧への読み取りアクセス。
    • user-read-playback-state：ユーザーのプレーヤー状態（デバイス、現在のトラック、再生位置）への読み取りアクセス。
    • user-read-currently-playing：ユーザーが現在再生中のコンテンツへの読み取りアクセス。
    • user-read-playback-history：ユーザーが最近再生したトラックへの読み取りアクセス。
    • user-top-read：ユーザーのトップアーティストとトラックへの読み取りアクセス。

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

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

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

API Server ユーザーの追加

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

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

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

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

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

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

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

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

CData API Server

この記事の内容

関連記事