Cline を使用して Visual Studio Code からリアルタイム WooCommerce のデータにアクセスする方法

Cline は IDE 上で動作する自律型コーディングエージェントです。ユーザーの許可を得ながら、ファイルの作成や編集、コマンドの実行、ブラウザの操作などを実行できます。CData MCP Server for WooCommerce と組み合わせることで、IDE から直接 CRM データにリアルタイムでアクセスでき、開発環境を離れることなくリアルタイムのスキーマとレコードを使用してデータ駆動型機能の構築、テスト、検証が行えます。

この記事では、CData MCP Server for WooCommerce を WSL（Windows Subsystem for Linux）で実行し、Windows 上の Visual Studio Code の Cline 拡張機能から接続する方法について説明します。

背景

CData MCP Server は通常、Claude Desktop などのクライアント向けに設計されています。しかし、Windows の VS Code で Cline 拡張機能を使用してサーバーに接続しようとすると、以下のエラーが発生しました：

MCP error -32000: Connection closed

この問題は、Cline 拡張機能の Windows 版における stdio トランスポート実装の I/O 処理に起因していると考えられます。

• 関連する GitHub Issue: https://github.com/cline/cline/issues/3464
• また、Java や Node などのプロセスを起動する際に、PATH などの環境変数が正しく継承されない場合があります。

前提条件

• Windows に Visual Studio Code がインストールされていること
• VS Code に Cline 拡張機能がインストールおよび設定されていること
• Windows Subsystem for Linux (WSL) がインストールされ、Linux ディストリビューション（Ubuntu など）が動作していること
• WSL に Java 21 以上の JRE がインストールされていること
• Windows に CData MCP Server for WooCommerce がインストールされていること

ステップ 1: WooCommerce で認証（Windows 上）

WSL で MCP Server を実行する前に、Windows 環境で認証フローを完了する必要があります。これにより、必要な資格情報がすべて生成され、適切に保存されます。「CData MCP Server for WooCommerce」を見つけて実行するか、MCP Server JAR ファイルを実行して設定ウィザードを開きます。

java -jar "C:\Program Files\CData\CData MCP Server for WooCommerce 2024\lib\cdata.mcp.woocommerce.jar"

WooCommerce への接続

WooCommerce は、one-legged OAuth1.0 認証と通常のOAuth2.0 認証をサポートします。

one-legged OAuth 1.0 認証を使って接続する

次のプロパティを指定してください（NOTE：次の資格情報はWooCommerce の設定ページで生成されるもので、WordPress OAuth2.0 プラグインで生成されるものとは異なります）。

• ConsumerKey
• ConsumerSecret

WordPress OAuth 2.0 認証を使って接続する

プラグインを設定した後、 次の接続プロパティを指定することでWooCommerce に接続できます。

• OAuthClientId
• OAuthClientSecret
• CallbackURL
• InitiateOAuth - GETANDREFRESH または REFRESH のどちらかに設定してください

どちらの場合方法でも、Url プロパティをWooCommerce インスタンスのURL に設定する必要があります。

CData MCP Server の設定

MCP Server に名前を付け（例: cdatawoocommerce）、必要な接続プロパティを入力して「Connect」をクリックします。

接続に成功すると、以下のディレクトリとファイルが作成されます：

C:\Users\<username>\AppData\Roaming\CData\woocommerce Provider\
 |-- cdatawoocommerce.mcp
 |-- (その他のサポート設定ファイル)

ステップ 2: MCP Server 設定を WSL にコピー

次に、設定フォルダ全体を Windows から WSL 環境にコピーします。

mkdir -p ~/.config/CData/
cp -r /mnt/c/Users/<username>/AppData/Roaming/CData/"woocommerce Provider" ~/.config/CData/

コピー先のパスが正確に ~/.config/CData/woocommerce Provider/ と一致していることを確認してください。

ステップ 3: WSL に MCP Server をインストール

Java をインストールし、MCP Server JAR を WSL 内の目的の場所に配置します：

sudo apt update
sudo apt install openjdk-21-jre-headless
sudo mkdir -p /opt/cdata/mcp_woocommerce/lib
sudo cp /mnt/c/Program\ Files/CData/CData\ MCP\ Server\ for\ WooCommerce\ 2024/lib/cdata.mcp.woocommerce.jar /opt/cdata/mcp_woocommerce/lib/

ステップ 4: Cline の設定

次に、wsl コマンドを使用して WSL 内で MCP Server を起動するように Cline 拡張機能を設定します。

以下の内容で cline_mcp_settings.json を作成または更新します：

{
  "mcpServers": {
    "cdatawoocommerce": {
      "autoApprove": ["*"],
      "disabled": false,
      "timeout": 60,
      "type": "stdio",
      "command": "wsl",
      "args": [
        "-d",
        "Ubuntu", // インストールされている WSL ディストリビューション名に置き換えてください
        "--",
        "/usr/bin/java",
        "-jar",
        "/opt/cdata/mcp_woocommerce/lib/cdata.mcp.woocommerce.jar",
        "cdatawoocommerce"
      ],
      "env": {
        "JAVA_TOOL_OPTIONS": "-Xmx2g"
      }
    }
  }
}

注意: Ubuntu を実際の WSL ディストリビューション名（例: Ubuntu-22.04）に置き換えてください。PowerShell または CMD で wsl -l を実行して確認できます。

ステップ 5: Cline でリアルタイムデータを操作

Visual Studio Code 内から、Cline 拡張機能を通じて MCP コマンドを実行できるようになりました。

cdatawoocommerce_get_tables
cdatawoocommerce_get_columns Orders

正しく設定されていれば、これらのコマンドは利用可能な WooCommerce オブジェクトとメタデータのリストを返し、CRM スキーマをリアルタイムで操作できます。

以下のような自然言語プロンプトを試してみてください：

• 「新しい WooCommerce Lead を作成する React フォームを生成してください。」
• 「今四半期にクローズした Opportunities を取得する Python 関数を作成してください。」

AI とデータを今すぐ接続しましょう！

CData MCP Server を使用すると、LLM からリアルタイムのエンタープライズデータをこれまで以上に簡単に操作できます。この技術を実際に体験するには、30 日間の無料トライアルをダウンロードするか、CData コミュニティにアクセスして、洞察を共有したり、質問したり、エンタープライズ対応 AI の未来を一緒に形作りましょう。