HULFT Integrate で Webflow のデータ に接続

Jerod Johnson
Jerod Johnson
Director, Technology Evangelism
HULFT Integrate で Webflow に JDBC データソースとして接続

HULFT Integrate は、ドラッグ＆ドロップのユーザーインターフェースでコーポレーションフロー、データ変換、処理を簡単に作成できる最新のデータ連携プラットフォームです。CData API Driver for JDBC と組み合わせることで、HULFT Integrate からリアルタイムの Webflow のデータ を扱うことができます。この記事では、Webflow への接続方法と、データを CSV ファイルに出力する手順をご紹介します。

CData JDBC ドライバーは、最適化されたデータ処理機能を備えており、リアルタイムの Webflow のデータ との連携において比類のないパフォーマンスを発揮します。Webflow に対して複雑な SQL クエリを発行すると、ドライバーはフィルタや集計などのサポートされている SQL 操作を直接 Webflow にプッシュし、サポートされていない操作（主に SQL 関数や JOIN 操作）は内蔵の SQL エンジンでクライアント側で処理します。また、動的なメタデータクエリ機能により、ネイティブなデータ型を使用して Webflow のデータ を操作・分析できます。

Webflow へのアクセスを有効化

HULFT Integrate プロジェクトから Webflow のデータ へのアクセスを有効にするには、以下の手順で設定します：

  1. CData JDBC Driver の JAR ファイル（およびライセンスファイルがある場合はそれも）、cdata.jdbc.api.jar（および cdata.jdbc.api.lic）を、Integrate Server の jdbc_adapter サブフォルダにコピーします
  2. HULFT Integrate Server を再起動し、HULFT Integrate Studio を起動します

Webflow のデータ にアクセスするプロジェクトの作成

JAR ファイルをコピーしたら、Webflow のデータ にアクセスするプロジェクトを作成できます。まず、Integrate Studio を開いて新しいプロジェクトを作成しましょう。

  1. プロジェクト名を入力します
  2. 「スクリプトを作成」チェックボックスがオンになっていることを確認します
  3. 「次へ」をクリックします
  4. スクリプト名を入力します（例：APItoCSV）

プロジェクトを作成したら、Webflow のデータ を CSV ファイルにコピーするためのコンポーネントをスクリプトに追加します。

Execute Select SQL コンポーネントの設定

ツールパレット（Database -> JDBC）から「Execute Select SQL」コンポーネントをスクリプトワークスペースにドラッグします。

  1. 「必須設定」タブの接続先で、「追加」をクリックして Webflow 用の新しい接続を作成します。以下のプロパティを設定します：
    • 名前：Webflow Connection Settings
    • ドライバークラス名：cdata.jdbc.api.APIDriver
    • URL：jdbc:api:Profile=C:\profiles\Webflow.apip;AuthScheme=OAuth;InitiateOAuth=GETANDREFRESH;OAuthClientId=your_client_id;OAuthClientSecret=your_client_secret;CallbackUrl=your_callback_url;

      組み込みの接続文字列デザイナー

      JDBC URL の構築には、Webflow JDBC Driver に組み込まれている接続文字列デザイナーをご利用ください。JAR ファイルをダブルクリックするか、コマンドラインから JAR ファイルを実行します。

      		java -jar cdata.jdbc.api.jar

      接続プロパティを入力し、接続文字列をクリップボードにコピーします。

      認証

      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 - 認可されたユーザーへの読み取りアクセス
  2. SQL ステートメントを記述します。例： 
    SELECT ,  FROM Sites
  3. 「抽出テスト」をクリックして、接続とクエリが正しく設定されていることを確認します
  4. 「SQL を実行して出力スキーマを設定」をクリックします
  5. 「完了」をクリックします

Write CSV File コンポーネントの設定

ツールパレット（File -> CSV）から「Write CSV File」コンポーネントをワークスペースにドラッグします。

  1. クエリ結果を書き込むファイルを設定します（例：Sites.csv）
  2. 「入力データ」を「Select SQL」コンポーネントに設定します
  3. SQL クエリで選択した各フィールドのカラムを追加します
  4. 「書き込み設定」タブで、「最初の行にカラム名を挿入する」チェックボックスをオンにします
  5. 「完了」をクリックします

Webflow フィールドを CSV カラムにマッピング

「Select」コンポーネントの各カラムを、「CSV」コンポーネントの対応するカラムにマッピングします。

スクリプトの完成

「Start」コンポーネントを「Select」コンポーネントに、「CSV」コンポーネントを「End」コンポーネントにドラッグして接続します。スクリプトをビルドして実行すると、Webflow のデータ が CSV ファイルに出力されます。

CData API Driver for JDBCの30日間の無償トライアルをダウンロードして、HULFT Integrate でリアルタイムの Webflow のデータ を活用してみてください。ご不明な点があれば、サポートチームまでお気軽にお問い合わせください。

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

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

Webflow に接続

この記事の内容

関連記事