CSA Data Uploader にてWebflow のデータを、クラウドストレージにアップロード

古川えりか
古川えりか
コンテンツスペシャリスト
Webflow へのライブ接続を行うデータアップロードジョブを構築



CData ODBC ドライバは、ODBC 標準インターフェースを利用したWebflow へのリアルタイムデータアクセスを可能にし、使い慣れたSQL クエリで多種多様なBI、レポート、ETL ツールでWebflow を扱うことができます 。

この記事では、Amazon S3 やGoogle Cloud Storage などのクラウドストレージへのデータプレパレーション、ファイルアップロードを得意とするCSA Data Uploader でODBC 接続を使用してWebflow のデータの利用方法を示します。

CData ODBC ドライバとは？

CData ODBC ドライバは、以下のような特徴を持ったリアルタイムデータ連携ソリューションです。

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

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

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

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

  1. まずODBN DSN に必要な接続プロパティの値を入力します。組み込みのMicrosoft ODBC データソースアドミニストレーターを使用してDSN を構成できます。これは、ドライバーのインストール時の最後のステップでも可能です。Microsoft 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 - 認可されたユーザーへの読み取りアクセス

    2. DSN 設定 (Salesforce の場合)
  2. CSA Data Uploader を開いて「設定 -> ODBC」に移動します。
    3. ODBC 設定
  3. 「追加」をクリックします。
    4. ODBC の追加
  4. 種別を「汎用ODBC」、「データソース名」で先ほど作成したODBC DSN を選択します。
    5. ODBC 接続の構成

入力後、接続テストが成功すれば設定は完了です。併せて任意のデータアップロード先の接続（Amazon S3・Google Cloud Storage など）も作成しておきましょう。

Webflow ジョブの構成

続いてCSA DataUploader の対象データ参照し、クラウドストレージへデータをアップロードするジョブを構成します。

  1. 「ジョブ」のページに移動して「ジョブを作成」をクリックします。
    2. ジョブを作成
  2. 任意の名称でジョブを作成します。ジョブ種別は「データアップロード」を選んでください。
    3. ジョブ名の設定
  3. ジョブは最初に入力対象となるデータを設定します。
    4. ジョブの入力設定の追加
  4. 入力種別では、ODBC 接続を選択し、データソース名で先ほど設定したODBC DSN を選択します。併せて、Webflow からデータを取得するためのSQL ベースのクエリを記述します。
    5. 入力設定の構成
  5. なお、SQL でクエリ可能なテーブルはODBC DSN の「テーブル」タブで確認できます。
    6. ODBC DSN のテーブルタブ
  6. 入力設定を保存したら、「データ表示」ボタンをクリックすることで実際にWebflow から取得したデータを確認できます。
    7. データの表示
  7. 以下のようにプレビューが表示されれば設定はOK です。
    8. プレビューの確認
  8. 併せて出力設定先となるクラウドストレージの情報を追加してください。
    9. 出力先設定の追加
  9. 事前に構成したコネクション情報で出力先を設定します。
    10. 出力先設定の追加
  10. これでジョブの作成は完了です。実行することで Webflow のデータをクラウドストレージにアップロードすることができます。
    11. ジョブの確認

おわりに

このようにCData ODBC ドライバと併用することで、270を超えるSaaS、NoSQL データをコーディングなしで扱うことができます。30日の無償評価版が利用できますので、ぜひ自社で使っているクラウドサービスやNoSQL と合わせて活用してみてください。

CData ODBC ドライバは日本のユーザー向けに、UI の日本語化、ドキュメントの日本語化、日本語でのテクニカルサポートを提供しています。

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

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

Webflow に接続

この記事の内容

関連記事