CData Connect AI を使って Windsurf IDE からリアルタイム Adobe Commerce データにアクセス
Windsurf は、プロジェクトのコンテキストを理解し、エディタ内で複雑なタスクを自律的に実行するコーディングエージェント Cascade を中心に設計された AI ネイティブ IDE です。Cascade は MCP(Model Context Protocol) をサポートしており、エージェントが開発環境から離れることなく外部ツールやデータソースを検出し、呼び出すことができます。
Windsurf を CData Connect AI の組み込み MCP サーバー と連携することで、Cascade エージェントはガバナンスの効いたリアルタイムAdobe Commerce のデータに IDE 内からアクセスできるようになります。これにより、開発者は自然言語プロンプトを使って、Windsurf から直接カタログの一覧表示、スキーマの確認、Adobe Commerce のデータレコードのクエリが行えます。
この記事では、Connect AI での Adobe Commerce 接続の設定、必要な Personal Access Token の生成、Windsurf への Connect AI MCP Server の設定、そして Cascade チャットからリアルタイムAdobe Commerce のデータをクエリして連携を確認する方法について説明します。
ステップ 1:Windsurf 用の Adobe Commerce 接続を設定
Windsurf から Adobe Commerce への接続は、CData Connect AI のリモート MCP サーバーによって実現されます。Windsurf からAdobe Commerce のデータを操作するには、まず CData Connect AI で Adobe Commerce 接続を作成・設定します。
- Connect AI にログインし、Sources をクリック、次に Add Connection をクリック
- Add Connection パネルから Adobe Commerce を選択
-
Adobe Commerce に接続するために必要な認証プロパティを入力します。
Adobe Commerce はOAuth 1 認証標準を使用します。Adobe Commerce REST API に接続するには、Adobe Commerce システムにアプリを登録してOAuthClientId、OAuthClientSecret、およびCallbackURL 接続プロパティの値を取得する必要があります。 OAuth 値を取得して接続するには、ヘルプドキュメントの「はじめに」を参照してください。
また、Adobe Commerce システムへのURL を提供する必要があります。URL は、Adobe Commerce REST API を顧客として使用しているか管理者として使用しているかによって異なります。
-
Customer: Adobe Commerce を顧客として使用するには、事前にAdobe Commerce のホームページで顧客アカウントを作成します。これを行うには、「アカウント」->「登録」をクリックします。それからURL 接続プロパティをAdobe Commerce システムのエンドポイントに設定します。
-
Administrator: Adobe Commerce を管理者として使用するには、代わりにCustomAdminPath を設定します。この値は、「Admin」メニューの「Advanced」設定で取得できます。「System」->「Configuration」->「Advanced」->「Admin」->「Admin Base URL」を選択することでアクセスできます。
このページ上の「Use Custom Admin Path」設定がYES に設定されている場合、値は「Custom Admin Path」テキストボックス内にあります。それ以外の場合は、CustomAdminPath 接続プロパティをデフォルト値の"admin" に設定します。
-
- Save & Test をクリック
- Permissions タブに移動し、ユーザーベースの権限を更新
Personal Access Token を追加
Personal Access Token(PAT)は、Windsurf から Connect AI への接続を認証するために使用されます。きめ細かいアクセス制御を維持するため、連携ごとに個別の PAT を作成することをお勧めします。
- Connect AI アプリの右上にある歯車アイコン()をクリックして Settings を開く
- Settings ページで Access Tokens セクションに移動し、 Create PAT をクリック
- PAT にわかりやすい名前を付けて Create をクリック
- Personal Access Token は作成時にのみ表示されるので、必ずコピーして安全な場所に保存してください
Adobe Commerce 接続の設定と PAT の生成が完了したら、Windsurf から Connect AI 経由でAdobe Commerce のデータに接続できます。
ステップ 2:Windsurf で Connect AI MCP を設定
次に、Cascade エージェントが Connect AI を通じてリアルタイムデータツールを検出・呼び出せるよう、Windsurf に Connect AI リモート MCP サーバーを設定します。
- Windsurf IDE をダウンロードしてインストール
-
Windsurf を開き、右上のプロフィールアイコンをクリックして Windsurf Settings を選択
-
Cascade セクションで MCP Servers を見つけ、Open MCP Registry をクリック
-
MCP Marketplace で右上の Add custom MCP をクリック
-
この操作で mcp_config.json ファイルが開きます。以下の JSON を貼り付けてください:
{ "mcpServers": { "cdata-mcp": { "serverUrl": "https://mcp.cloud.cdata.com/mcp", "headers": { "Authorization": "Basic your_base64_encoded_email_PAT", "Content-Type": "application/json" } } } }注意:Windsurf は Connect AI に対して Basic 認証を使用します。Connect AI のユーザーメールアドレスと先ほど作成した PAT を email:PAT の形式で連結し、その文字列を Base64 エンコードして Basic を先頭に付けてください。例えば [email protected]:ABC123...XYZ789 の場合、Authorization ヘッダーの値は Basic dXNlckBkb21haW4uY29tOkFCQzEyMy4uLlhZWjc4OQ== のようになります。
- mcp_config.json ファイルを保存し、MCP Registry に戻る
-
Installed の下に cdata-mcp が表示され、Enabled とマークされていることを確認
MCP サーバーの登録と有効化が完了したら、Windsurf から Connect AI を通じてリアルタイムのAdobe Commerce のデータをクエリする準備が整いました。
ステップ 3:Windsurf からリアルタイムのAdobe Commerce のデータをクエリ
連携が完了したら、Windsurf の Cascade チャットパネルを使って自然言語プロンプトでリアルタイムのAdobe Commerce のデータを操作できます。
- Windsurf の上部バーで Editor から Agent に切り替えて新しい Cascade チャットを開く
-
チャットパネルの下部で cdata-mcp サーバーが表示され、トグルが有効になっていることを確認
-
以下のようなプロンプトを入力してエージェントとのやり取りを開始:
- cdata-mcp 接続内のすべてのカタログを一覧表示して
- Adobe Commerce で利用可能なスキーマとテーブルを表示して
- Adobe Commerce のデータ のテーブルからトップ 5 件のレコードをクエリして
-
Cascade エージェントが Connect AI MCP Server を呼び出し、リアルタイムのAdobe Commerce のデータを返します
これで、Windsurf IDE が Connect AI MCP Server と通信し、エディタから直接リモート MCP を通じてリアルタイムのAdobe Commerce のデータを取得できるようになりました。
CData Connect AI を入手
数百種類の SaaS、ビッグデータ、NoSQL データソースに開発ツールから直接アクセスするには、CData Connect AI をお試しください!