Active Query Builder を使用してSpotify 駆動型アプリを素早く開発

古川えりか
古川えりか
コンテンツスペシャリスト
Active Query Builder の SQL インターフェースと .NET データアクセスを活用して、Spotify と連携するデータ駆動型の WinForms・ASP.NET アプリを作成できます。

SQL インターフェースを介してSpotify を公開する標準.NET を記述します。Active Query Builder は、開発者がSQL インターフェースを作成するのに役立ちます。CData ODBC Driver for API は、Spotify への標準ベースのアクセスを可能にします。この統合では、ODBC ドライバーとActive Query Builder オブジェクト間のブリッジとして、Microsoft ADO.NET Provider for ODBC を使用してビジュアルSQL コンポーザーを構築します。

CData ODBC ドライバとは?

CData ODBC ドライバは、以下のような特徴を持った製品です。

  1. Spotify をはじめとする、CRM、MA、会計ツールなど多様なカテゴリの270種類以上のSaaS / オンプレデータソースに対応
  2. 多様なアプリケーション、ツールにSpotify のデータを連携
  3. ノーコードでの手軽な接続設定
  4. 標準SQL での柔軟なデータ読み込み・書き込み

CData ODBC ドライバでは、1.データソースとしてSpotify の接続を設定、2.Active Query Builder 側でODBC Driver との接続を設定、という2つのステップだけでデータソースに接続できます。以下に具体的な設定手順を説明します。

CData ODBC ドライバのインストールとSpotify への接続設定

まずは、本記事右側のサイドバーからAPI ODBC Driver の無償トライアルをダウンロード・インストールしてください。30日間無償で、製品版の全機能が使用できます。

未指定の場合は、初めに ODBC DSN(データソース名)で接続プロパティを指定します。ドライバーのインストールの最後にアドミニストレーターが開きます。Microsoft ODBC データソースアドミニストレーターを使用して、ODBC DSN を作成および設定できます。

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 IDClient Secret をコピーします。

接続プロパティ

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

  • AuthScheme:OAuth に設定します。
  • InitiateOAuthGETANDREFRESH に設定します。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:ユーザーのトップアーティストとトラックへの読み取りアクセス。

SQL を使用してSpotify と対話

以下のステップに従ってWinForms ビジュアルクエリビルダーを作成します。

  1. 新しいWindows Forms プロジェクトで、QueryBuilder を[Toolbox]からフォームにドラッグします。
  2. ActiveQueryBuilder.ODBCMetadataProvider への参照を追加します。
  3. OdbcConnection を追加し、最初のセクションで作成したDSN に接続文字列を設定します。
    OdbcConnection connection = new OdbcConnection();
    connection.ConnectionString = "DSN=API"
    
  4. ODBCMetadataProvider インスタンスとGeneralSyntaxProvider インスタンスを初期化し、ODBCMetadataProvider オブジェクトのConnection プロパティをOdbcConnection に設定します。
    GenericSyntaxProvider syntaxProvider = new GenericSyntaxProvider();
    ODBCMetadataProvider metadataProvider = new ODBCMetadataProvider();
    metadataProvider.Connection = connection;
    
  5. QueryBuilder オブジェクトの、対応するMetadataProvider プロパティとSyntaxProvider プロパティを設定します。
      queryBuilder1.MetadataProvider = metadataProvider;
      queryBuilder1.SyntaxProvider = syntaxProvider;
    
  6. QueryBuilder クラスのInitiatelizeDatabaseSchemaTree メソッドを呼び出してSpotify メタデータを取得し、Spotify テーブルのツリーデビューを生成します。
    queryBuilder1.InitializeDatabaseSchemaTree();
  7. QueryBuilder を作成したら、それをTextBox に接続するか、使用する場合は、ActiveQueryBuilder SQLTextEditor に接続しますSQLTextEditor をデザイナにドラッグし、ドロップします。

  8. 以下のコードをSQLTextEditor のValidating イベントに追加します。
    private void sqlTextEditor1_Validating(object sender, CancelEventArgs e) {
      try {
    
        // Update the query builder with manually edited query text:
        queryBuilder1.SQL = sqlTextEditor1.Text;
      }
      catch (SQLParsingException ex) {
        e.Cancel = true;
    
        // Set caret to error position
        sqlTextEditor1.SelectionStart = ex.ErrorPos.pos;
    
        // Report error
        MessageBox.Show(ex.Message, "Parsing error");
      }
    }
    
  9. SQLUpdated イベントに以下を追加します。
    private void queryBuilder1_SQLUpdated(object sender, EventArgs e) {
      sqlTextEditor1.Text = queryBuilder1.FormattedSQL;
    }
    
  10. これで、クエリをビジュアルに作成できます。[Columns Pane Area]のテーブルをダブルクリックすると、[entity/relationship]ダイアグラムが[Query Building Area]に表示されます。ダイアグラムで選択したカラムがクエリに追加されます。

Active Query Builder でクエリをインタラクティブに作成

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

API Driver で Spotify のライブデータに接続

Spotify に接続