Strava のデータをノーコードモバイル開発のAppSheet で利用する方法

宮本航太
宮本航太
プロダクトスペシャリスト
ノーコードでモバイルアプリ開発ができるAppSheet から Strava データに接続する方法



AppSheet は、インテリジェントなノーコードでのモバイルアプリケーションプラットフォームです。AppSheet では、データベースや OData への接続ができるため、CData の製品を組み合わせることで対応データソースを増やすことができます。この記事では CData API Server を使って、AppSheet でStrava のデータ にデータ連携するモバイルアプリを開発する方法を説明します。

API Server の設定

以下のリンクからAPI Server の無償トライアルをスタートしたら、セキュアなStrava OData サービスを作成していきましょう。

Strava への接続

AppSheet からStrava のデータを操作するには、まずStrava への接続を作成・設定します。

  1. API Server にログインして、「Connections」をクリック、さらに「接続を追加」をクリックします。 接続を追加
  2. 「接続を追加」をクリックして、データソースがAPI Server に事前にインストールされている場合は、一覧から「Strava」を選択します。
  3. 事前にインストールされていない場合は、コネクタを追加していきます。コネクタ追加の手順は以下の記事にまとめてありますので、ご確認ください。
    CData コネクタの追加方法はこちら >>
  4. それでは、Strava への接続設定を行っていきましょう！ 接続設定

  5. 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;

  6. 接続情報の入力が完了したら、「保存およびテスト」をクリックします。

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 のユーザー設定

次に、API Server 経由でStrava にアクセスするユーザーを作成します。「Users」ページでユーザーを追加・設定できます。やってみましょう。

  1. 「Users」ページで ユーザーを追加をクリックすると、「ユーザーを追加」ポップアップが開きます。
  2. 次に、「ロール」、「ユーザー名」、「権限」プロパティを設定し、「ユーザーを追加」をクリックします。
  3. その後、ユーザーの認証トークンが生成されます。各ユーザーの認証トークンとその他の情報は「Users」ページで確認できます。

Strava 用のAPI エンドポイントの作成

ユーザーを作成したら、Strava のデータ用のAPI エンドポイントを作成していきます。

  1. まず、「API」ページに移動し、 「 テーブルを追加」をクリックします。
  2. アクセスしたい接続を選択し、次へをクリックします。
  3. 接続を選択した状態で、各テーブルを選択して確認をクリックすることでエンドポイントを作成します。

OData のエンドポイントを取得

以上でStrava への接続を設定してユーザーを作成し、API Server でStrava データのAPI を追加しました。これで、OData 形式のStrava データをREST API で利用できます。API Server の「API」ページから、API のエンドポイントを表示およびコピーできます。

オンプレミスDB やファイルからのAPI Server 使用

オンプレミスRDB やExcel/CSV などのファイルのデータを使用する場合には、API Server のCloug Gateway / SSH ポートフォワーディングが便利です。設定方法は、Cloud Gatway の設定方法 記事を参考にしてください。

AppSheet でStrava のOData サービスに登録

それでは、AppSheet からAPIServer への接続設定をしていきます。

  1. My account」から「Sources」タブをクリックします。
    2. AppSheet
  2. 一番下まで下がると「＋Data Source」がありますのでクリックします。
    3. AppSheet
  3. AppSheet の対応データソースです。今回はOData を使います。
    4. AppSheet
  4. APIServer への接続情報を入力します。
    AppSheet
    • OData Version: 4.0
    • OData Service Root URL: API Server の以下のURL をセット
      • AppSheet
    • Username: API Server で作成したユーザー名
    • Password: API Server のアクセストークン
    • SAP Gateway: Is not SAP Gateway
    • Require Cross-Site Request Forgery(CSRF) Token: CSRD required
  5. 入力が完了したら、接続テストを行い、「Authorize Access」をクリックして保存します。

AppSheet でのStrava のデータ 連携モバイルアプリ作成

  • MyAppsタブから、「New app」をクリックします。
    • AppSheet
  • 「Start with your own data」を選択します。
    • AppSheet
  • アプリ名を設定します。入力後、「Next step: choose your data」をクリックします。
    • AppSheet
  • 先ほど作成したものも含めて接続先が表示されます。私は事前に APIServer という名前に変更していましたが、変更していなければ odata-1 などの名前で表示されていると思います。
    • AppSheet
  • ここでは APIServer で公開設定したテーブルだけが表示されます。モバイルアプリで使用するテーブルを選択します。
    • AppSheet
  • テーブル選択を行うとアプリ作成画面が表示されます。選択したデータソースをもとに自動的に右側にアプリが作成されます。
    • AppSheet

このように Strava 内のデータを簡単にAppSheet で作成するモバイルアプリで使用することができるようになります。

CData API Server の無償版およびトライアル

CData API Server は、無償版および30日の無償トライアルがあります。是非、API Server ページ から製品をダウンロードしてお試しください。

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

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

CData API Server

この記事の内容

関連記事