Birst でWebflow データのビジュアライゼーションを構築

加藤龍彦
加藤龍彦
デジタルマーケティング
CData JDBC Driver とBirst クラウドエージェントを使用して、Birst でWebflow のデータ のリアルタイムの視覚化を構築します。



Birst は、組織が複雑なプロセスを迅速に理解し、最適化することを支援するクラウドビジネスインテリジェンス(BI)ツールおよび分析プラットフォームです。CData JDBC Driver for API と組み合わせると、Birst Cloud Agent を経由してリアルタイムWebflow のデータ に接続し、ビジュアライズを構築できます。ここでは、Cloud Agent を使用してWebflow に連携し、Birst で動的レポートを作成する方法を段階的に説明します。

強力なデータ処理機能により、CData JDBC Driver はBirst のWebflow のデータ 操作に高いパフォーマンスを提供します。Birst からWebflow への複雑なSQL クエリを発行すると、ドライバーはフィルタや集計などのサポートされているSQL 操作を直接Webflow にプッシュし、組込みSQL エンジンを利用してクライアント側でサポートしない操作を処理します。組み込みの動的メタデータクエリにより、JDBC ドライバーはネイティブのBirst データ型を使用してWebflow のデータ を視覚化および分析することを可能にします。

Birst でWebflow データへのJDBC 接続を設定

Birst プロジェクトを作成する前に、JDBC Driver を操作するためのBirst Cloud Agent をインストールする必要があります。また、JDBC ドライバーのJAR ファイル(および存在する場合はLIC ファイル)をCloud Agent のインストール場所の/drivers/ ディレクトリにコピーします。

ドライバーとCloud Agent のインストールが完了したら、開始できます。

  1. Birst で新しいプロジェクトを作成します。 Create a new Project in Birst
  2. 接続に名前を付けます。(e.g. CDataAPI)
  3. Live Access を選択します。
  4. エージェントを選択します。
  5. Database Type をOther に設定します。
  6. Configure the Connection (part 1)
  7. SQL タイプをMSSQL に設定します。
  8. 接続文字列を設定します。

    認証

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

    ビルトイン接続文字列デザイナー

    JDBC URL の構成については、Webflow JDBC Driver に組み込まれている接続文字列デザイナーを使用してください。JAR ファイルのダブルクリック、またはコマンドラインからJAR ファイルを実行します。

    java -jar cdata.jdbc.api.jar
    

    接続プロパティを入力し、接続文字列をクリップボードにコピーします。

    Using the built-in connection string designer to generate a JDBC URL (Salesforce is shown.)

    JDBC URL を構成する際、Max Rows 接続プロパティを設定することもできます。これによって戻される行数を制限するため、可視化・レポートのデザイン設計時のパフォーマンスを向上させるのに役立ちます。

    以下はWebflow の一般的なJDBC 接続文字列です。

    jdbc:api:Profile=C:\profiles\Webflow.apip;AuthScheme=OAuth;InitiateOAuth=GETANDREFRESH;OAuthClientId=your_client_id;OAuthClientSecret=your_client_secret;CallbackUrl=your_callback_url;
    
    
  9. Driver Name cdata.jdbc.api.APIDriver を設定し、[Save]をクリックします。
Configure the Connection (part 2)

NOTE Webflow への認証は接続文字列に管理されるため、[Security Credentials]は空白でも問題ありません。

Webflow データオブジェクトを設定

接続が構成されたら、データセットのスキーマを構成し、ビジュアライズするテーブル、ビュー、そしてカラムを選択することができるようになります。

  1. スキーマを選択します。 (e.g. API)
  2. [Tables]や[Views]をクリックしてこれらのエンティティに接続し、[Apply]をクリックします。
  3. アクセスする[Tables]と[Columns]を選択し、[Done]をクリックします。
Editing the objects

オブジェクトが構成されたら、Pronto Prepare and Relate ツールを用いて、データ準備の実行やデータのリレーションを検出できるようになります。

ビジュアライゼーションを構築

データを準備し、接続されたオブジェクト間のリレーションを定義することで、ビジュアライゼーションを構築することができるようになります。

  1. メニューから、Visualizer ツールを選択します。
  2. Select the Visualizer
  3. オブジェクトからMeasures & Categories を選択します。
  4. 選択したMeasure(s) に適切なビジュアライゼーションを選択し、構成します。
Live Webflow のデータ in a Birst visualization

CData JDBC Driver for API をCloud Agent やBirst とともに用いることにより、Webflow で簡単に堅牢なビジュアライゼーションとレポートを作成できます。30日の無償評価版をダウンロードし、Birst ビジュアライゼーションの構築を開始してください。

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

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

Webflow に接続