CData Connect AI を使って Windsurf IDE からリアルタイム BigCommerce データにアクセス

Yazhini G
Yazhini G
Technical Marketing Engineer
CData Connect AI のリモート MCP サーバーを活用して、Windsurf の Cascade エージェントが IDE 内からセキュアにBigCommerceのリアルタイムデータにアクセスし、クエリを実行できるようにします。

Windsurf は、プロジェクトのコンテキストを理解し、エディタ内で複雑なタスクを自律的に実行するコーディングエージェント Cascade を中心に設計された AI ネイティブ IDE です。Cascade は MCP（Model Context Protocol） をサポートしており、エージェントが開発環境から離れることなく外部ツールやデータソースを検出し、呼び出すことができます。

Windsurf を CData Connect AI の組み込み MCP サーバー と連携することで、Cascade エージェントはガバナンスの効いたリアルタイムBigCommerce のデータに IDE 内からアクセスできるようになります。これにより、開発者は自然言語プロンプトを使って、Windsurf から直接カタログの一覧表示、スキーマの確認、BigCommerce のデータレコードのクエリが行えます。

この記事では、Connect AI での BigCommerce 接続の設定、必要な Personal Access Token の生成、Windsurf への Connect AI MCP Server の設定、そして Cascade チャットからリアルタイムBigCommerce のデータをクエリして連携を確認する方法について説明します。

ステップ 1：Windsurf 用の BigCommerce 接続を設定

Windsurf から BigCommerce への接続は、CData Connect AI のリモート MCP サーバーによって実現されます。Windsurf からBigCommerce のデータを操作するには、まず CData Connect AI で BigCommerce 接続を作成・設定します。

  1. Connect AI にログインし、Sources をクリック、次に Add Connection をクリック
  2. Add Connection パネルから BigCommerce を選択
  3. BigCommerce に接続するために必要な認証プロパティを入力します。

    BigCommerce 認証は標準のOAuth フローに基づいています。

    Store ID の取得

    BigCommerce Store に接続するには、StoreId が必要です。Store Id を確認するには、以下の手順に従ってください。

    1. BigCommerce アカウントにログインします。
    2. ホームページから「Advanced Settings」->「API Accounts」 を選択します。
    3. 「Create API Account」->「Create V2/V3 API Token」をクリックします。
    4. 画面にAPI Path という名前のテキストボックスが表示されます。
    5. テキストボックス内に、次の構造のURL が表示されます：https://api.bigcommerce.com/stores/{Store Id}/v3。
    6. 上記で示したように、Store Id は'stores/' と'/v3' パスパラメータの間にあります。
    7. Store Id を取得したら、「キャンセル」 をクリックするか、まだ持っていない場合はAPI Account の作成に進むことができます。

    パーソナルアクセストークンの取得

    加えて、自分のデータをテストおよびアクセスするには、個人用トークンを取得する必要があります。個人用トークンを取得する方法は次のとおりです。

    1. BigCommerce アカウントにログインします。
    2. ホームページから「Advanced Settings」->「API Accounts」 を選択します。
    3. 「Create API Account」->「Create V2/V3 API Token」をクリックします。
    4. アカウント名を入力します。
    5. 作成するAPI Account の「OAuth Scopes」を選択します。CData 製品 は"None" とマークされたデータにアクセスできません。また、"read-only" とマークされたデータを変更できません。
    6. 「保存」をクリックします。

    BigCommerce への認証

    次に、以下を設定してデータに接続できます。
    • StoreId：API Path テキストボックスから取得したStore ID に設定。
    • OAuthAccessToken：生成したトークンに設定。
    • InitiateOAuth：OFF に設定。

  4. Save & Test をクリック
  5. Permissions タブに移動し、ユーザーベースの権限を更新

Personal Access Token を追加

Personal Access Token（PAT）は、Windsurf から Connect AI への接続を認証するために使用されます。きめ細かいアクセス制御を維持するため、連携ごとに個別の PAT を作成することをお勧めします。

  1. Connect AI アプリの右上にある歯車アイコン（）をクリックして Settings を開く
  2. Settings ページで Access Tokens セクションに移動し、 Create PAT をクリック
  3. PAT にわかりやすい名前を付けて Create をクリック
  4. Personal Access Token は作成時にのみ表示されるので、必ずコピーして安全な場所に保存してください

BigCommerce 接続の設定と PAT の生成が完了したら、Windsurf から Connect AI 経由でBigCommerce のデータに接続できます。

ステップ 2：Windsurf で Connect AI MCP を設定

次に、Cascade エージェントが Connect AI を通じてリアルタイムデータツールを検出・呼び出せるよう、Windsurf に Connect AI リモート MCP サーバーを設定します。

  1. Windsurf IDE をダウンロードしてインストール
  2. Windsurf を開き、右上のプロフィールアイコンをクリックして Windsurf Settings を選択
  3. Cascade セクションで MCP Servers を見つけ、Open MCP Registry をクリック
  4. MCP Marketplace で右上の Add custom MCP をクリック
  5. この操作で 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== のようになります。

  6. mcp_config.json ファイルを保存し、MCP Registry に戻る
  7. Installed の下に cdata-mcp が表示され、Enabled とマークされていることを確認

MCP サーバーの登録と有効化が完了したら、Windsurf から Connect AI を通じてリアルタイムのBigCommerce のデータをクエリする準備が整いました。

ステップ 3：Windsurf からリアルタイムのBigCommerce のデータをクエリ

連携が完了したら、Windsurf の Cascade チャットパネルを使って自然言語プロンプトでリアルタイムのBigCommerce のデータを操作できます。

  1. Windsurf の上部バーで Editor から Agent に切り替えて新しい Cascade チャットを開く
  2. チャットパネルの下部で cdata-mcp サーバーが表示され、トグルが有効になっていることを確認
  3. 以下のようなプロンプトを入力してエージェントとのやり取りを開始：
    • cdata-mcp 接続内のすべてのカタログを一覧表示して
    • BigCommerce で利用可能なスキーマとテーブルを表示して
    • BigCommerce のデータ のテーブルからトップ 5 件のレコードをクエリして
  4. Cascade エージェントが Connect AI MCP Server を呼び出し、リアルタイムのBigCommerce のデータを返します

これで、Windsurf IDE が Connect AI MCP Server と通信し、エディタから直接リモート MCP を通じてリアルタイムのBigCommerce のデータを取得できるようになりました。

CData Connect AI を入手

数百種類の SaaS、ビッグデータ、NoSQL データソースに開発ツールから直接アクセスするには、CData Connect AI をお試しください！

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

CData Connect AI の詳細、または無料トライアルにお申し込みください：

無料トライアル

この記事の内容

関連記事