Web 帳票ツール PrintStream でWebflow のデータを利用した帳票を作成

古川えりか
古川えりか
コンテンツスペシャリスト
Web 帳票ツールPrintStream とWebflow ODBC Driver を使ってWebflow のデータを利用した帳票を作成する方法



PrintStream は株式会社オープンストリームが提供するWeb システムでの帳票印刷、PDF 生成機能を強力にサポートする帳票ツールです。

この記事では、PrintStream と CData ODBC ドライバを使って、PrintStream でWebflow のデータを利用した帳票を作成する方法を紹介します。

PrintStream からWebflow にデータ連携。

CData ODBC ドライバとは？

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

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

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

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

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

  1. ODBC 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設定
  2. 入力後、接続テストが成功すれば設定は完了です。

PrintStream で帳票をデザインする

それでは PrintStream 側の作業を進めていきます。

  1. 今回はシンプルに以下のようなWebflow のデータを一覧表示する帳票を作成します。
  2. 以下のようにリージョンを配置して、中にレコードとテキストフィールドを配置します。最終的にテキストフィールドにWebflow のデータをそれぞれマッピングするイメージです。
  3. 詳しい手順は割愛しますが、ヘルプの「PrintStream」チュートリアルにある「一覧表作成」を参考にしてみてください。

PrintStream でODBC 接続を行う

デザインが完了したらODBC 経由でデータを読み込みます。

  1. 「印刷データウィザード」を使ってODBC 接続経由でWebflow のデータを読み込みます。
  2. データの取得方法から「ODBC データベース」を選択し、「次へ」をクリック
  3. データベースの「参照」をクリックし
  4. 「コンピューターデータソース」の一覧から先ほど設定したODBC DSN を選択します。
  5. データベースの設定が完了したら、データの検索方法から「テーブルまたはビューを選択」もしくは「SQL を記述」を選択します。今回は「テーブルまたはビューを選択」を使ってみます。
  6. 「テーブルまたはビューを選択」では、最初に任意のテーブルまたはビューを選択します。ここでデータサンプルも表示されるので、Webflow のデータを確認しながら選ぶことができます。
  7. 続いて絞り込み条件を指定します。任意の条件を指定してください。
  8. 併せてソート条件も指定しましょう。
  9. 最後に帳票デザインに配置した印刷フィールドと読み込んだデータ項目をマッピングします。

印刷プレビュー

印刷プレビューで実際に帳票へデータが取り込めているか確認してみましょう。

  1. 下図のアイコンもしくは「F5」を押下することでプレビューが実施できます。
  2. 以下のようにODBC 経由で取り込んでいるデータが表示されればOK です。

Webflow からPrintStream へのデータ連携には、ぜひCData ODBC ドライバをご利用ください

このようにCData ODBC Driver for API とPrintStream を組み合わせることで、簡単にWebflow のデータを活用した連携を実現できます。ぜひ、30日の無償評価版 をお試しください。

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

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

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

Webflow に接続

この記事の内容

関連記事