Tableau Cloud でWebflow ビジュアライゼーションを作成
Tableau Cloud は、クラウドホスティングの分析プラットフォームです。CData Connect AI と組み合わせると、ビジュアライゼーションやダッシュボード用にWebflow のデータにクラウドベースでアクセスできます。この記事では、Webflow に接続し、Tableau Cloud でWebflow のデータからビジュアライゼーションを作成する方法を説明します。
Connect AI からWebflow に接続する
CData Connect AI では、直感的なクリック操作ベースのインターフェースを使ってデータソースに接続できます。- Connect AI にログインし、 Add Connection をクリックします。
- Add Connection パネルから「Webflow」を選択します。
-
必要な認証プロパティを入力し、Webflow に接続します。
認証
Webflow は、サイト、CMS コレクション、e コマースデータ、その他のリソースへの安全なアクセスを確保するために、OAuth 2.0 認証を使用します。この認証方式により、Webflow ワークスペースに安全に接続し、適切な認可のもとでリソースを管理できます。
OAuth 2.0 のセットアップと設定
ステップ 1：Webflow OAuth アプリケーションの作成
OAuth 認証をセットアップするには、以下のステップで進めます：
- Webflow Developer Portal にアクセスします
- Webflow アカウントの「Apps & Integrations」に移動します
- 「Register an App」をクリックして新しい OAuth アプリケーションを作成します
- アプリケーション名、説明、リダイレクト URI（CallbackURL）を設定します
- 接続で使用する 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 - 認可されたユーザーへの読み取りアクセス
- Create & Test をクリックします。
- Edit Webflow Connection ページのPermissions タブに移動し、ユーザーベースのアクセス許可を更新します。
パーソナルアクセストークンの追加
OAuth 認証をサポートしていないサービス、アプリケーション、プラットフォーム、またはフレームワークから接続する場合は、認証に使用するパーソナルアクセストークン（PAT）を作成できます。きめ細かなアクセス管理を行うために、サービスごとに個別のPAT を作成するのがベストプラクティスです。
- Connect AI アプリの右上にあるユーザー名をクリックし、User Profile をクリックします。
- User Profile ページでPersonal Access Token セクションにスクロールし、 Create PAT をクリックします。
- PAT の名前を入力して Create をクリックします。
- パーソナルアクセストークンは作成時にしか表示されないため、必ずコピーして安全に保存してください。
コネクションが構成されたら、Tableau Cloud からWebflow に接続できるようになります。
Tableau Cloud でWebflow のデータをリアルタイムでビジュアライズ
以下のステップは、Connect AI の仮想Webflow のデータベースを使用してTableau Cloud で新しいデータソースを作成し、データから簡単なビジュアライゼーションを作成する方法の概要です。
- Tableau Cloud にログインしてアカウントを選択し、新しいワークブックを作成します。
- 新しいワークブックでデータウィザードからMicrosoft SQL Server Connector を選択し、Connect AI インスタンスの値を入力します。
- Serverを tds.cdata.com,14333 に設定します。
- Database を先ほど設定したWebflow のコネクションの名称（例：API1）に設定します。
- Username をConnect AI のユーザー名に設定します。（[email protected]）
- Password を上記のユーザーのPAT に設定します。
- Require SSL のチェックボックスにチェックを入れます。
- 新しく作成したデータベースと、ビジュアライズするテーブルを選択します。（必要に応じてJOIN されたデーブルの関係を定義します）
- 「Dimensions and Measures」を選択してビジュアライゼーションを構成します。
クラウドアプリケーションからWebflow のデータにリアルタイムアクセス
これで、Tableau Cloud ワークブックからWebflow のデータにリアルタイムで直接クラウドベースの接続が可能です。さらに、データソースやワークブックを公開することなく、Tableau Desktop から新しいビジュアライゼーションを作成したり、ダッシュボードを作成したりすることができます。Tableau Cloud のようなクラウドアプリケーションで、100 を超えるSaaS、ビッグデータ、NoSQL ソースのデータにリアルタイムアクセスする方法の詳細については、Connect AI ページを参照してください。