CData ODBC Driver を使ってAsprovaをWebflow と連携

浦邊信太郎
浦邊信太郎
プロダクトスペシャリスト
CData ODBC Driver を使って、AsprovaとWebflow とのデータ連携を実現します。



生産スケジューラ「Asprova」はODBC によるデータベース接続をサポートしているため、これを通してWebflowとのデータ連携を行うことが可能です。 通常、WebflowなどのSaaS として提供されるアプリケーションにはWeb API でアクセスしますが、CData Webflow ODBC Driver によって、RDB にアクセスするのと同じ感覚で、Webflow のデータを扱うことができます。 本記事ではWebflowからAsprovaへの「品目」データ取り込みの例を通してデータ連携手順を示します。

CData ODBC ドライバとは？

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

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

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

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

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

インストールが完了したら、DSN 設定画面が開くので、必要な接続プロパティを入力してWebflow への接続を行います。

認証

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 - 認可されたユーザーへの読み取りアクセス

Asprovaでの接続情報の設定

  1. メニューの「ファイル」から「データ入出力」を選択し、「データ入出力」ダイアログを開きます。

    DataIO

  2. 「品目」行のヘッダをダブルクリックし、「データ入出力の編集」ダイアログを開きます。

    DataIO

  3. 「RDBトランザクション」を「いいえ」に変更し、「OK」を押下します。

    DataIO

データドライバの設定

  1. 「品目」の「データソースの種類」を「OLE DB」に変更します。

    DataIO

  2. 「接続文字列/フォルダ」列のボタンを押下し、「データ リンク プロパティ」ダイアログを開きます。 「プロバイダー」タブで「Microsoft OLE DB Provider for ODBC Drivers」を選択し「次へ」を押下します。

    DataIO

  3. 「接続」タブで「データソース名を使用する」が選択されていることを確認し、コンボボックスで「CData Webflow Source」を選択します。

    DataIO

  4. 「接続のテスト」を押下し「接続のテストに成功しました」というメッセージが表示されればドライバの設定に成功です。

スキーマの設定

  1. 「外部テーブル名」列のボタンを押下し、「テーブル一覧」ダイアログを開きます。 ここでWebflowのテーブル一覧が表示されることを確認してください。

    DataIO

  2. 出力先テーブル(Asprovaの品目)、入力元テーブルの項目の対応付けを行います。「フィールドマッピング」列のボタンを押下し、「品目-フィールドマッピング」画面を開きます。

    DataIO

  3. 画面の二つのテーブルの間で右クリックし、コンテキストメニューの「全削除」を選択します。すべてのマッピングが削除されたことを確認し、項目同士をドラッグアンドドロップでつなぎ上記のマッピングを設定します。

    DataIO

  4. これでデータ取り込みの設定は終了です。メニューの「ファイル」から「インポート」をクリックします。画面下のメッセージでエラーが出なければインポートは完了です。

データの確認

メニューの「テーブル表示」から「品目」を選択します。下図のように、Webflowから取り込んだ商品データが表示されれば成功です。

DataIO

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

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

Webflow に接続

この記事の内容

関連記事