Crystal Reports にWebflow を連携してWebflow のデータを使った帳票を作成

古川えりか
古川えりか
コンテンツスペシャリスト
レポート作成ウィザードを使って、最新のWebflow のデータを使った帳票を作成。



Crystal Reports には、ODBC 標準向けのサポートが組み込まれています。CData ODBC Driver for API は、Crystal Reports でレポート作成ウィザードやその他のツールを使ってWebflow へのアクセスを可能にします。この記事では、Webflow の機能を持つシンプルな帳票を作成する方法を説明します。

CData ODBC ドライバとは?

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

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

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

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

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

下記の手順に従って、レポート作成ウィザードを使ってWebflow 接続を作成します。

  1. ODBC 接続プロパティの指定がまだの場合は、DSN (データソース名)の設定を行います。Microsoft ODBC データソースアドミニストレーターを使ってODBC DSN を作成および設定できます。一般的な接続プロパティは以下のとおりです:

    • Profile
    • AuthScheme
    • InitiateOAuth
    • OAuthClientId
    • OAuthClientSecret
    • CallbackUrl

    Microsoft ODBC データソースアドミニストレーターで必要なプロパティを設定する方法は、ヘルプドキュメントの「はじめに」をご参照ください。

    認証

    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. 新しい帳票で、[Create New Connection]>[ODBC]をクリックします。

  3. ウィザードが表示されたら[Select Data Source]をクリックし、[Data Source Name]メニューでDSN を選択します。 The Webflow DSN selected in the Report Wizard. (Salesforce is shown.)

Webflow のデータに連携する帳票をデザイン

ODBC 接続をWebflow に追加したら、レポート作成ウィザードを使ってWebflow を帳票に追加できます。

  1. 帳票に必要なテーブルやフィールドを選択して、データソースを設定します。この例では、Sites テーブルの および カラムを使います。

    Webflow tables in the Report Wizard. (Salesforce is shown.)
  2. チャートの種類を設定。 例えば、 を で表すシンプルなチャートを作成します。 ウィザードを完了すると、Crystal Reports はWebflow に実行されるSQL クエリをビルドします。ドライバーは、リアル隊うWebflow に対してクエリを実行します。

    Chart type, axes, and summary type in the Report Wizard. (Salesforce is shown.)
  3. 必要に応じて、ほかのフィルタやレポートテンプレートを設定します。
  4. データのインポートが終わったら、レポートフィールドをサマライズもしくはソートするチャートやレポートオブジェクトを作成できます。[Insert]>[Chart]をクリックして、チャートエキスパートを開きます。Total by を表すグラフを作成するには、 を[On Change Of]メニューセレクションの下のボックスに追加してから を[Show Values]の下のボックスに追加します。

    The x and y axes of the chart.

完成した帳票をプレビューして、チャートにデータが入っていることを確認します。Null 値を取り除きたい場合は、SelectionFormula を使います。

A chart with null values filtered out. (Salesforce is shown.)

おわりに

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

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

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

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

Webflow に接続