Tableau Server でWebflowに接続されたダッシュボードを公開

古川えりか
古川えりか
コンテンツスペシャリスト
CData JDBC Driver とTableau Server を使用してWebflow のデータをビジュアライズ。



Tableau Server は、企業が問題解決にデータを使用する方法を変革するビジュアル分析プラットフォームです。CData JDBC Driver for API と組み合わせると、Tableau Server 内のリアルタイムWebflow のデータにアクセスできます。この記事では、Tableau Desktop でWebflow に接続してデータソースをTableau Server に公開し、そのデータから簡単なグラフを作成する方法を説明します。

CData JDBC ドライバは、Tableau Server のリアルタイムWebflow のデータへの高速アクセスを可能にします。ドライバーをインストールすると、Webflow に認証するだけで高速で動的なビジュアライゼーションとダッシュボードの構築を開始できます。CData JDBC ドライバは、ネイティブのTableau データ型を使用してWebflow のデータを表示し、複雑なフィルタ、集計、その他の操作を自動的に処理することでWebflow のデータへのシームレスなアクセスを可能にします。

Tableau Server でWebflow への接続を有効にする

Tableau Server をホストしているマシンにCData JDBC Driver をインストールすることから始めます。

サーバーがLinux マシンの場合：

  1. cdata.jdbc.api.jar とcdata.tableau.api.lic をコピーします。
  2. コピーをTableau Server Connectors フォルダ（/opt/tableau/tableau_driver/jdbc）に配置します。
  3. Tableau Server を再起動します。

サーバーがWindows の場合：

  1. cdata.jdbc.api.jar とcdata.tableau.api.lic をコピーします。
  2. コピーをTableau Server のドライバーディレクトリ（C:\ Program Files\Tableau\Drivers）に配置します。
  3. Tableau Server を再起動します。

次に、Tableau Desktop を実行しているマシンにCData JDBC Driver をインストールします。Windows でTableau を起動する前に、.jar ファイルがC:\Program Files\Tableau\Drivers フォルダに配置されていることを確認してください。macOS でTableau を起動する前に、.jar ファイルが~/Library/Tableau/Drivers フォルダに配置されていることを確認してください。

Tableau Desktop からWebflow に接続する

ドライバーがServer マシンにインストールされると、Tableau Desktop のWebflow への接続を構成してWebflow ベースのデータソースをTableau Server に公開できます。

  1. Tableau Desktop を開きます。
  2. 「Connect」->「To a Server」の下の「More」をクリックします。
  3. 「Other Databases (JDBC)」を選択します。
  4. データへの接続を構成します。ドライバーには、接続文字列のコンテンツの作成と管理を効率化する接続文字列デザイナーが付属しています。接続文字列の先頭に「jdbc:api」を手動で追加する必要があることに注意してください。
  5. 「Sign In」をクリックします。

認証

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

スキーマの検出とデータのクエリ

Webflow のデータへの接続を確立したら、ビジュアライズするエンティティを構成できます。

  1. Database プルダウンメニューからCData を選択します。
  2. Schema プルダウンメニューからAPI を選択します。
  3. ビジュアライズするテーブルとビューを結合キャンバスにドラッグします。複数のテーブルを含めることができます。 Selecting table(s)
  4. Update Now またはAutomatically Update を選択します。［今すぐ更新］では、データソースの最初の10,000 行をプレビューできます（または［Rows］テキストボックスに表示したい行数を入力します）。［自動更新］では、プレビューエリアの変更を自動的にロードします。

Tableau Server にデータを公開する

ビジュアライズするデータを構成した後、データソースをTableau Server インスタンスに公開できます。Tableau Desktop にて：

  1. 「Server」->「Sign In」とクリックします。
  2. Tableau Server のURL を入力します。
  3. Tableau Server の資格情報を使用して認証します。
  4. 「Server」->「Publish Data Source」とクリックし、データソースを選択します。
  5. 「Publish」をクリックします。
  6. ［Project］を選択し、データソースに名前を付けてオプションで説明を追加します。
  7. 「Publish」をクリックします。 Publish the Data Source to Tableau Server

これにより、サーバーのデータソースリストの下に新しいエントリが作成され、データソースの権限の変更、履歴の表示、およびその他の管理タスクを実行できます。

Data Source Entry

同じサーバーに接続されたワークステーションは、ドライバーがインストールされていなくてもTableau Desktop で同じソースを使用できることに注意してください。また、Tableau Server で（Web インターフェースを介して）直接作成されたワークブックは、このソースを使用できます。

Tableau Server でWebflow のデータをビジュアライズ

Tableau Server に公開されたデータソースを使用すると、Webflow のデータをビジュアライズすることができるようになります。

  1. Tableau Server インスタンスにログインします。
  2. Connect サイドバーの「Search for Data」->「Tableau Server」を使用して、リモートソースに接続します。 Remote Data Source
  3. 公開されているデータソースをクリックします。
  4. 「New Workbook」をクリックします。
  5. ワークブックでは、Webflow フィールドはデータ型に応じてDimensions およびMeasures としてリストされています。CData JDBC Driver は、データ型を自動的に検出し、Tableau の強力なデータ処理及びビジュアライゼーション機能を活用できるようにします。
  6. Dimensions またはMeasures 領域からRows またはColumns にフィールドをドラッグします。Tableau はカラムヘッダーまたは行ヘッダーを作成します。
  7. Show Me タブからチャートタイプのうちの一つを選択します。Tableau は、選択したチャートタイプを表示します。 Visualizing live Webflow のデータ in Tableau Server

CData JDBC Driver for API をTableau Server と使用することで、Webflow のデータで強固なビジュアライゼーションとレポートを簡単に作成することができます。30日の無償評価版をダウンロードして今すぐ始めましょう。

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

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

Webflow に接続

この記事の内容

関連記事