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

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

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

API Server から Strava に接続

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

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

    Strava への認証では、OAuth 標準を使って自分のデータに接続したり、他のユーザーが各自のデータに接続できるようにしたりできます。

    OAuth 認証の設定

    Strava に接続するには、カスタム OAuth アプリケーションを作成する必要があります。カスタム OAuth アプリケーションを作成するには、以下のステップで進めます：

    1. Strava API Settings ページにログインします
    2. 新しいアプリケーションを作成するか、既存のアプリケーションを選択します
    3. 「Authorization Callback Domain」をコールバック URL のドメインに設定します（例：localhost）
    4. Client ID と Client Secret を控えておきます

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

    • AuthScheme：OAuth に設定します。
    • InitiateOAuth：GETANDREFRESH に設定します。InitiateOAuth を使うと、OAuthAccessToken を取得するプロセスを管理できます。
    • OAuthClientId：Strava API アプリケーションの Client ID に設定します。
    • OAuthClientSecret：Strava API アプリケーションの Client Secret に設定します。
    • CallbackURL：アプリケーションのコールバックドメインに一致するリダイレクト URI に設定します。

    接続文字列の例：

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

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

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

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

API Server ユーザーの追加

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

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

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

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

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

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

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

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

CData API Server

この記事の内容

関連記事