国産BI ツールのActionista! からWebflow に直接連携してビジュアライズ

CData Driver for API を使って、国産BIツールのActionista!（https://www.justsystems.com/jp/products/actionista/） からWebflow のデータをノーコードで連携して利用できます。この記事では、間にETL/EAI ツールをはさむ方法ではなく、CData JDBC Driver for API をActionista! 側に組み込むだけで連携を実現できます。

Actionista! からWebflow のデータへの連携を設定

CData JDBC Driver for API をActionista! に配置

• CData JDBC Driver for API をActionista! と同じマシンにインストールします。
• 次にインストールした.jar ファイルを以下のパスに格納します：
  ドライバー.jar ファイルのディレクトリ C:\Program Files\CData\CData JDBC Driver for API 2019J\lib\cdata.jdbc.api.jar
  Actionista! 側のコピー先ディレクトリ C:\JUST\JustBI\jdbc
• 次に、C:\JUST\JustBI\conf にあるdatamanager.properties プロパティファイルに今回使用するWebflow のドライバークラスなどを以下のように指定します：

# API
loader.jdbc.displayName.API = API
loader.jdbc.initJdbcUrl.API = jdbc:api:
loader.jdbc.url.API = jdbc:api:
loader.jdbc.driver.API = cdata.jdbc.api.APIDriver
loader.jdbc.dbmsInfo.API = cdata.jdbc.api.APIDriver
            

• これでActionista! へのドライバーの配置が完了しました。

Webflow のデータをActionista! のキューブに取り込み

Actionista! ではデータの保持をキューブという単位で保存します。また、クエリでデータソースからデータを取得するのではなく、キューブに対してクエリを行います。このステップでは、Webflow のデータをキューブに取り込み、分析で使えるようにします。

• Actionista! にログインします。
• 「DataManager」-> 「＋キューブの新規作成」をクリックします。
• CData JDBC ドライバはRDB データソースとしてActionista! から利用できるので、「RDB」を選択します。
• 設定情報にWebflow への接続に必要なプロパティを入れます：
  • RDB の種類：には、上のステップでdisplayName で指定した名前をドロップダウンで選びます。
  • 接続URL：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 - 認可されたユーザーへの読み取りアクセス

                        jdbc:api:Profile=C:\profiles\Webflow.apip;AuthScheme=OAuth;InitiateOAuth=GETANDREFRESH;OAuthClientId=your_client_id;OAuthClientSecret=your_client_secret;CallbackUrl=your_callback_url;InitiateOAuth=REFRESH
                    

  • ユーザー名：接続するアカウントのユーザー名（URL に含めることも可）
  • パスワード：接続するアカウントのパスワード（URL に含めることも可）

• 「接続」ボタンを押してWebflow に接続します。
• Webflow への接続が完了すると、JDBC Driver がWebflow のスキーマを取得して、テーブル・ビューをプルダウンメニューに表示します。分析キューブで使用するテーブル・ビューを選択して、OK ボタンを押します。

• 選択したオブジェクトのカラムが表示されます。JDBC Driver は、Webflow のデータのスキーマを検出してActionista! に渡すので、カラム名だけでなく、データ型の推定がすでになされています。ここで細かい型修正やデータの抽出条件を必要があれば設定して保存します。

• データマネージャー画面でWebflow のデータを選択して、「＋取り込み」ボタンを押すとデータがキューブに保存されます。これでキューブへのデータ登録が完了です。

Actionista! 上にWebflow のデータのダッシュボードを作成する

それでは簡単なダッシュボードを作成していきます。

• 「Dashboard」-> 「ダッシュボードの新規作成」-> 「キューブから作成」をクリックします。

• 先ほど作成したWebflow のデータのキューブを選択して、ダッシュボード名を任意で入力して、OK を押します。
• 左側にある明細パネルを右側のエリアにドラッグ＆ドロップしますと、明細パネルの作成ウィンドウが表示されるので、Webflow キューブから表示させる項目を選択します。

• そのままキューブのデータが表示することができます。ドリルダウンなどを行いたい場合は、サイドメニューにある分析パネルで作成してください。

CData JDBC Driver for API をActionista! で使うことで、ノーコードでWebflow のデータをビジュアライズできました。ぜひ、30日の無償評価版をお試しください。