Apifox MCP Server 0wg

🚀 Apifox MCP と Cursor を用いた開発環境セットアップ

このプロジェクトは、Apifox MCP サービスと Cursor を連携させるためのセットアップ手順を提供します。以下の手順に従って、開発環境を構築してください。

🚀 クイックスタート

🔧 環境要求

• NodeJS のバージョンは 18 以上が必要です。

📦 Apifox MCP サービスの準備

1.1 Apifox MCP プロジェクトのクローン

git clone https://github.com/Tzott/apifox-mcp-demo.git

1.2 環境変数の作成

cd apifox-mcp-demo
cp .env.example .env

1.3 Apifox クライアントで Access Token を作成し、.env ファイルに記入

1.4 Apifox MCP サービスの起動

# pnpm がインストールされていない場合は、先に以下のコマンドを実行してください：npm i -g pnpm

pnpm i && pnpm build && pnpm start

1.5 起動成功ログの確認

> apifox-mcp-demo@0.0.1 start /Users/code/apifox-mcp-demo
> node lib/index.js

SSE endpoint: http://localhost:4444/sse
Message endpoint: http://localhost:4444/messages
HTTP server listening on port 4444

📦 Cursor の準備

2.1 空白の Nestjs プロジェクトの作成

npm i -g @nestjs/cli
nest new nest-ai-demo
cd nest-ai-demo

2.2 Cursor MCP 設定の追加

apifox-mcp-demo プロジェクトから sse のアドレス をコピーし、Server URL に貼り付けます。

MCP サービスが正常に接続されたことが確認できます。

2.3 Cursor Composer を開き、Agent モードに切り替える

2.4 Apifox インターフェースの協力リンクをコピーする

2.5 Composer に貼り付け、インターフェースを実装する

https://app.apifox.com/link/project/5898808/apis/api-263537040

この Apifox 協力リンクを使用して、OpenAPI の定義を取得し、その定義に基づいてこのインターフェースを実装します。

注意：技術は nestjs + typescript で、プロジェクトはすでに構築されているので、直接実装してください。

2.6 Cursor Composer での実装完了と結果の受け入れ

2.7 Nestjs サービスを起動し、Apifox で AI が書いたインターフェースを呼び出し、アサーションを通過する

🔧 その他

ページネーションも簡単に実装されています。