Claris FileMaker Pro のスクリプト機能を使ってWebflow のデータに接続

Dibyendu Datta
Dibyendu Datta
Lead Technology Evangelist
CData API Driver for ODBC と FileMaker Pro のスクリプト機能を使用して、Webflow に接続し、FileMaker アプリケーションでWebflow のデータを操作する方法を解説します。



Claris FileMaker は、データの管理や整理のためのカスタムアプリを作成できるローコードデータベースアプリケーション開発ツールです。強力なリレーショナルデータベースエンジンと直感的なインターフェースを組み合わせており、技術者でも非技術者でも、デスクトップ、Web、モバイルプラットフォーム向けのアプリケーションを設計・デプロイできます。

この記事では、CData API Driver for ODBC と FileMaker のスクリプト機能を使ってWebflow のデータに接続する方法を解説します。

Webflow 用の ODBC データソースを作成

まだ設定していない場合は、最初に 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 - 認可されたユーザーへの読み取りアクセス

DSN を設定する際には、Max Rows 接続プロパティも設定することをお勧めします。これにより返される行数が制限され、レポートやビジュアライゼーションの設計時にパフォーマンスを向上させるのに役立ちます。

スクリプトを使用して FileMaker でWebflow のデータを接続・同期

このセクションでは、CData API Driver for ODBC とスクリプト機能を使用して、FileMaker にリアルタイムのWebflow データを接続する手順を説明します。初回インポート時には、FileMaker は外部データソースからすべてのデータを取り込みます。2回目以降のインポートでは、外部ソースで変更されたデータのみが更新されます（差分更新）。また、現在のレコード順序でデータを置換したり、これらの差分更新を自動同期のためにスケジュール設定することもできます。

Mac/Windows/Linux システム向けの最新版 FileMaker Pro は、こちらのリンクからダウンロード・インストールできます。

スクリプトを使った FileMaker との接続と同期

FileMaker のスクリプト機能を使用すると、単一のコマンドで一連のアクションを実行し、複雑なタスクやワークフローを自動化できます。スクリプトを使ってWebflow と連携することで、FileMaker アプリケーション内でWebflow のデータへの接続、インポート、更新、置換を自動化し、データ管理を効率化できます。

スクリプトを使った初回インポートとデータの追加

このセクションでは、以下の手順でスクリプトを使ってWebflow のデータを FileMaker にインポートします：

  1. FileMaker Pro を開きます。左パネルから Create に移動し、Blank > Create を選択します。
  2. 任意のファイル名を入力して Save をクリックします。
  3. Manage Database ウィンドウで Tables タブに移動し、Webflow のデータを表示するテーブルを作成または名前変更します。
  4. Fields タブで、テーブルで使用するフィールドを作成・追加します。
  5. Relationships タブで、複数のテーブルがある場合はテーブルのリレーションシップを追加し、OK をクリックします。
  6. テーブル構造を再度開いて変更するには、File > Manage > Database に移動します。
  7. Scripts > Script Workspace に移動します。
  8. New Script を選択して新しいスクリプトワークスペースを開きます。
  9. 右側の Steps パネルから Records > Import Records > Insert into Script を選択します。
  10. Specify Data Source ドロップダウンで ODBC Data を選択します。
  11. Select ODBC Data Source ウィンドウから CData API Sys を選択し、Continue をクリックします。Webflow の資格情報を入力して OK をクリックします。
  12. Specify ODBC SQL Query ダイアログで、SQL text エディタに SQL クエリを入力して、インポートしたいWebflow のデータを指定します。
  13. あるいは、Query Builder を選択して SQL Query Builder ウィンドウを開きます。Tables セクションから対象テーブルを選択し、Columns セクションから関連するカラムを選択します。各選択後に Insert into SQL Query をクリックしてクエリを自動生成します。WHERE や ORDER BY 句、または専用のタブを使用してクエリを手動で編集することもできます。OK をクリックしてクエリを確定します。
  14. OK をクリックします。
  15. Specify import order オプションで Specify をクリックし、Webflow の資格情報を入力します。
  16. Specify Import Order ウィンドウで、先ほど追加したターゲットフィールドのインポート順序を定義します。ソースフィールドとターゲットフィールドの間で Add を選択して、Webflow のデータを新しいレコードとしてテーブルに挿入します。Import をクリックします。
  17. これでスクリプトがワークスペースに表示されます。Run をクリックしてスクリプトを実行し、インポートを処理します。
  18. FileMaker がWebflow のデータをテーブルとしてインポートします。

スクリプトを使ったインポート済みデータの更新または置換

Webflow のデータを FileMaker にインポートした後、以下の手順でスクリプトを使ってWebflow で行われた変更を更新または置換できます：

  1. 前のセクションで説明した手順に従って Script Workspace に戻ります。
  2. 既存のスクリプトを選択し、設定ボタンをクリックして Specify Import Order の下の Specify を選択し、認証のためにWebflow の資格情報を再入力します。
  3. Specify Import Order ウィンドウで、ソースとターゲットの間で Update を選択して、インポート済みのWebflow データを更新します。これにより、マッチフィールドの値が同じ場合に、選択したフィールドのWebflow データ値でターゲットの検索セットが更新されます。マッピングで少なくとも1つのマッチフィールドを定義し、Add remaining data as new records チェックボックスを選択する必要があります。Import をクリックします。
  4. あるいは、ユースケースに応じて Update の代わりに Replace オプションを選択します。これにより、ターゲットの検索セット内の選択したフィールドが、現在のレコード順序でWebflow のデータに置換されます。Import をクリックします。
  5. FileMaker がスクリプトをワークスペースに追加します。Run をクリックしてスクリプトを実行し、インポートクエリを処理します。
  6. FileMaker が更新または置換されたWebflow のデータをテーブルとしてインポートします。

今すぐ始めましょう

CData API Driver for ODBC の30日間無償トライアルをダウンロードして、Webflow のデータを Claris FileMaker に統合し、FileMaker アプリケーションでWebflow のデータを活用してみてください。

ご質問がある場合は、サポートチームまでお問い合わせください。

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

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

Webflow に接続

この記事の内容

関連記事