RAD Studio Data Explorer で Webflow のデータ を表示

Dibyendu Datta
Dibyendu Datta
Lead Technology Evangelist
CData ODBC Driver for Webflow を使用して RAD Studio Data Explorer でWebflow のデータを表示する方法を説明します。



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

Webflow への接続を設定

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

認証

Webflow は、サイト、CMS コレクション、e コマースデータ、その他のリソースへの安全なアクセスを確保するために、OAuth 2.0 認証を使用します。この認証方式により、Webflow ワークスペースに安全に接続し、適切な認可のもとでリソースを管理できます。

OAuth 2.0 のセットアップと設定

ステップ 1：Webflow OAuth アプリケーションの作成

OAuth 認証をセットアップするには、以下のステップで進めます：

  1. Webflow Developer Portal にアクセスします
  2. Webflow アカウントの「Apps & Integrations」に移動します
  3. 「Register an App」をクリックして新しい OAuth アプリケーションを作成します
  4. アプリケーション名、説明、リダイレクト URI（CallbackURL）を設定します
  5. 接続で使用する Client ID と Client Secret をコピーします

必須の接続プロパティ

  • AuthScheme：OAuth に設定します（必須）
  • OAuthClientId：Webflow OAuth アプリケーションの Client ID（必須）
  • OAuthClientSecret：Webflow OAuth アプリケーションの Client Secret（必須）
  • CallbackURL：OAuth アプリケーションで指定したリダイレクト URI（必須）
  • InitiateOAuth：トークンを自動管理するには GETANDREFRESH に設定します（推奨）

必須の OAuth スコープ

Webflow API プロファイルでは、以下の OAuth スコープが必要です：

  • sites:read - サイト情報および設定への読み取りアクセス
  • pages:read - サイトページへの読み取りアクセス
  • cms:read - CMS コレクションおよびアイテムへの読み取りアクセス
  • forms:read - フォームおよびフォーム送信への読み取りアクセス
  • assets:read - メディアアセットおよびフォルダーへの読み取りアクセス
  • ecommerce:read - 製品、注文、在庫への読み取りアクセス
  • authorized_user:read - 認可されたユーザーへの読み取りアクセス

Data Explorer を使用して Webflow のデータ に接続

CData FireDAC Components for Webflow と新しい VCL フォームアプリケーションを利用して、Webflow のデータ を表示するシンプルなアプリケーションを作成できます。

  1. RAD Studio で Data Explorer を開き、FireDAC を展開します。
  2. Data Explorer で ODBC Data Source ノードを右クリックします。
  3. ［新しい接続の追加］ をクリックします。
  4. 接続の名前を入力します。
  5. 表示される FireDAC Connection Editor で、DataSource プロパティに Webflow 用 ODBC DSN の名前を設定します。
  6. Data Explorer に戻り、この接続のビューを展開します。

  7. 新しい VCL フォームアプリケーションを作成し、ビュー（例: Sites）をフォームにドラッグします。

  8. フォーム上の SitesView オブジェクトを選択し、Active プロパティを true に設定します。

  9. オブジェクトを右クリックし、［ビジュアルにバインド］ を選択して、すべて（*）を新しいコントロール（TStringGrid）にリンクします。

  10. TStringGrid をフォームに配置し、アプリケーションを実行して Sites データを確認します。

関連記事

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

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

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

Webflow に接続

この記事の内容

関連記事