Yotpo のデータ 用のシンプルな VCL アプリケーションを構築

Dibyendu Datta
Dibyendu Datta
Lead Technology Evangelist
CData ODBC Driver for Yotpo を使用して RAD Studio でYotpo のデータを表示するシンプルな VCL アプリケーションを構築する方法を説明します。



Embarcadero RAD Studio は、Delphi および C++Builder アプリケーション用の開発環境を提供します。CData ODBC Driver for Yotpo を使用すると、RAD Studio 内からリアルタイムYotpo のデータにアクセスでき、データをテーブル、ビュー、ストアドプロシージャとして抽象化してYotpo のデータの取得が可能です。この記事では、Yotpo に接続し、フォームデザイナを使用してシンプルな VCL アプリケーションを作成する方法を説明します。

Yotpo のデータ への接続を作成

まだ設定していない場合は、ODBC DSN(データソース名)で接続プロパティを指定します。これはドライバーインストールの最後のステップです。Microsoft ODBC データソースアドミニストレーターを使用して、ODBC DSN を作成・設定できます。

まず、Profile 接続プロパティをディスク上の Yotpo プロファイルの場所に設定します(例:C:\profiles\Yotpo.apip)。次に、ProfileSettings 接続プロパティを Yotpo の接続文字列に設定します(以下を参照)。

Yotpo API プロファイル設定

Yotpo への認証には、Yotpo の AppKey と AppSecret を使った OAuth 2.0 クライアントクレデンシャルフローを利用できます。

Yotpo API を使用するには、AppKey と AppSecret を持つ Yotpo ストアアカウントが必要です。これらの認証情報は、Yotpo ダッシュボードの「Account Settings」>「Store」で確認できます。

以下の接続プロパティを設定すると、接続できるようになります。

  • AuthScheme:OAuthClient に設定します。
  • InitiateOAuth:GETANDREFRESH に設定します。InitiateOAuth を使うと、OAuthAccessToken を取得するプロセスを管理できます。
  • OAuthClientId:Yotpo の AppKey に設定します。
  • OAuthClientSecret:Yotpo の AppSecret に設定します。

次に、以下の手順で Data Explorer を使用してYotpo のデータへの FireDAC 接続を作成します。

  1. 新しい VCL フォームアプリケーションで、Data Explorer の FireDAC ノードを展開します。
  2. Data Explorer で ODBC Data Source ノードを右クリックします。
  3. [新しい接続の追加] をクリックします。
  4. 接続の名前を入力します。
  5. 表示される FireDAC Connection Editor で、DataSource プロパティに Yotpo 用 ODBC DSN の名前を設定します。
ODBC データソースへの FireDAC 接続(Salesforce の例)

Yotpo のデータ に接続する VCL アプリケーションを作成

以下の手順に従って、クエリ結果をグリッドに表示するシンプルな VCL アプリケーションからYotpo のデータへのクエリ実行を開始します。

  1. TFDConnection コンポーネントをフォームにドロップし、以下のプロパティを設定します。

    • ConnectionDefName:Yotpo のデータへの FireDAC 接続を選択します。
    • Connected: メニューから True を選択し、表示されるダイアログで資格情報を入力します。
  2. TFDQuery コンポーネントをフォームにドロップし、以下のプロパティを設定します。

    • Connection: まだ指定されていない場合は、このプロパティを TFDConnection コンポーネントに設定します。
    • SQL: SQL プロパティのボタンをクリックしてクエリを入力します。例:

      
      SELECT TotalReview, AverageScore FROM ProductBottomLine WHERE ExternalProductId = 'my-product-sku'
      
    • Active: このプロパティを true に設定します。
  3. TDataSource コンポーネントをフォームにドロップし、以下のプロパティを設定します。

    • DataSet: このプロパティのメニューで、TFDQuery コンポーネントの名前を選択します。
  4. TDBGrid コントロールをフォームにドロップし、以下のプロパティを設定します。

    • DataSource: TDataSource の名前を選択します。
  5. TFDGUIxWaitCursor をフォームにドロップします。これはランタイムエラーを回避するために必要です。
編集可能なグリッドをデータソースにデータバインドするための FireDAC コンポーネント(Salesforce の例)

これで、TFDQuery オブジェクトに設定された SQL クエリの結果を表示する実行可能なアプリケーションが完成しました。

フォームに表示されたデータ(Salesforce の例)

関連記事

RAD Studio、Delphi、C++ Builder で CData ODBC ドライバを使用するその他の記事は以下をご覧ください。

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

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

Yotpo に接続