wechat-devtools-mcp
WeChat 개발자 도구 MCP Server (v0.9.15)
WeChat 개발자 도구 CLI를 MCP(Model Context Protocol) 서비스로 래핑하여, 에디터의 AI가 WeChat CLI 명령을 직접 호출할 수 있게 함으로써 미니프로그램 개발, 테스트, 디버깅, 자동화 전 과정을 완결형으로 구현합니다.
[!IMPORTANT] 본 프로젝트는「슬림 MCP + 풀 Skill」아키텍처를 채택합니다: MCP Server는 7개의 통합 API를 제공하며, 함께 제공되는 wechat-devtools Skill이 SOP 프로세스, 파라미터 빠른 참조 및 모범 사례를 제공합니다. 두 가지를 반드시 함께 사용해야 하며, Skill이 없으면 AI가 올바른 프로세스로 미니프로그램을 조작할 수 없습니다.
공식 MCP Registry에 게시 완료, 크로스 플랫폼(Windows / macOS) 원클릭 설치를 지원합니다.
🚀 설치 및 빠른 시작
Step 1 — MCP Server 설치
uv 사용을 권장합니다. Python 의존성을 자동으로 처리하고 격리된 실행 환경을 제공합니다.
pip install uv # 安装 uv(如已安装可跳过)
uv tool install wechat-devtools-mcp --force # 一键安装到全局隔离环境[!WARNING] 이전에
pip install로 구버전을 설치한 적이 있다면, 버전 충돌을 피하기 위해 먼저 제거하세요:pip uninstall wechat-devtools-mcp
pip install경로(예:Python313/Scripts/)가uv tool install경로(~/.local/bin/)보다 우선할 수 있어 실제로 구버전이 실행될 수 있습니다.wechat_ide(action='status')가 반환하는mcp_version필드로 현재 버전을 확인할 수 있습니다.
[!WARNING] 버전 호환성: ≥0.9.11은 mcp 1.x 및 2.x 이중 버전을 지원합니다(의존성 선언
mcp[cli]>=1.9,<3). ≤0.9.10은 mcp ≥2.0과 호환되지 않습니다(새로 설치 시ModuleNotFoundError: mcp.server.fastmcp오류 발생, #9 참조) — 고정 버전 사용자는 ≥0.9.11로 업그레이드하거나 설치 시--with "mcp<2"를 추가하세요.
[!TIP]
실제 실행 버전 확인(≥0.9.13):
wechat-devtools-mcp --version # 零依赖打印实际安装版本;uvx 复用已装环境不自拉最新,此命令可直接确认 uv tool list | grep wechat # 离线确认已安装版本도구 업그레이드: 에디터에서 MCP 서비스가 실행 중이면 프로세스를 먼저 종료한 후 업그레이드하세요:
# Bash / CMD taskkill /F /IM "wechat-devtools-mcp*" 2>/dev/null; uv tool upgrade wechat-devtools-mcp# Windows PowerShell Get-Process | Where-Object { $_.ProcessName -like "*wechat-devtools*" } | Stop-Process -Force uv tool upgrade wechat-devtools-mcpAgent 원클릭 업그레이드:
taskkill /F /IM "wechat-devtools-mcp*" 2>/dev/null; uv tool upgrade wechat-devtools-mcp && npx -y skills add WaterTian/wechat-devtools-mcp/.agents/skills/wechat-devtools
Step 2 — 개발자 도구 서비스 포트 켜기
[!WARNING] 반드시 수동으로 켜야 합니다. 그렇지 않으면 AI가 어떤 명령도 내릴 수 없습니다.
조작 경로: 개발자 도구 → 설정 → 보안 설정 → 서비스 포트 → 켜기
💡
wechat_ide(action='status')로 포트가 켜져 있는지 확인할 수 있습니다 — 연결 실패가 반환되면 서비스 포트가 아직 활성화되지 않은 것입니다.
Step 3 — 필수 경로 확인
다음 두 개의 절대 경로를 미리 확보하세요. 나중에 에디터 설정에 입력해야 합니다:
경로 | Windows 예시 | macOS 예시 |
WeChat 개발자 도구 CLI |
|
|
미니프로그램 프로젝트 루트 디렉터리 |
|
|
macOS 사용자: JSON 설정에서 슬래시(
/)는 이스케이프할 필요가 없습니다(그대로 작성); Windows 사용자는\를\\로 작성해야 합니다.
Step 4 — 에디터 설정
claude_desktop_config.json 또는 mcp_config.json(Antigravity) 수정:
{
"mcpServers": {
"wechat-devtools": {
"command": "uvx",
"args": ["wechat-devtools-mcp"],
"env": {
"WECHAT_DEVTOOLS_CLI": "C:\\Program Files (x86)\\Tencent\\微信web开发者工具\\cli.bat",
"WECHAT_PROJECT_PATH": "D:\\Your\\Project\\Path"
}
}
}
}~/.kiro/settings/mcp.json 편집:
{
"mcpServers": {
"wechat-devtools": {
"command": "uvx",
"args": ["wechat-devtools-mcp"],
"env": {
"WECHAT_DEVTOOLS_CLI": "C:\\Program Files (x86)\\Tencent\\微信web开发者工具\\cli.bat",
"WECHAT_PROJECT_PATH": "D:\\Your\\Project\\Path",
"PYTHONIOENCODING": "utf-8"
},
"autoApprove": [
"wechat_ide", "wechat_build", "wechat_automator", "wechat_inspector",
"wechat_screenshot", "wechat_navigate", "wechat_file"
]
}
}
}~/.codex/config.toml(전역) 또는 .codex/config.toml(프로젝트 수준) 편집:
[mcp_servers.wechat-devtools]
command = "uvx"
args = ["wechat-devtools-mcp"]
[mcp_servers.wechat-devtools.env]
WECHAT_DEVTOOLS_CLI = "C:\\Program Files (x86)\\Tencent\\微信web开发者工具\\cli.bat"
WECHAT_PROJECT_PATH = "D:\\Your\\Project\\Path"CLI로 빠르게 추가할 수도 있습니다:
codex mcp add wechat-devtools \
--env WECHAT_DEVTOOLS_CLI="C:\\Program Files (x86)\\Tencent\\微信web开发者工具\\cli.bat" \
--env WECHAT_PROJECT_PATH="D:\\Your\\Project\\Path" \
-- uvx wechat-devtools-mcpMCP 콘솔에서 새 Server 추가:
Name:
wechat-devtoolsType:
commandCommand:
uvx wechat-devtools-mcpEnvironment Variables: 위와 동일하게
WECHAT_DEVTOOLS_CLI및WECHAT_PROJECT_PATH추가
Windows에서 경로의 백슬래시는 이스케이프(
\\)해야 합니다.
Claude Code로 미니프로그램 저장소에서 개발한다면 프로젝트 수준 .mcp.json을 만들 수 있습니다(저장소를 자동으로 따라가며 협업자에게도 적용됨).
Windows — 저장소 루트 디렉터리 .mcp.json:
{
"mcpServers": {
"wechat-devtools": {
"command": "uvx",
"args": ["wechat-devtools-mcp"],
"env": {
"WECHAT_DEVTOOLS_CLI": "C:\\Program Files (x86)\\Tencent\\微信web开发者工具\\cli.bat",
"WECHAT_PROJECT_PATH": "D:\\Your\\Project\\Path"
}
}
}
}macOS — 저장소 루트 디렉터리 .mcp.json:
{
"mcpServers": {
"wechat-devtools": {
"command": "/opt/homebrew/bin/uvx",
"args": ["wechat-devtools-mcp"],
"env": {
"PATH": "/opt/homebrew/bin:/usr/local/bin:/usr/bin:/bin",
"WECHAT_DEVTOOLS_CLI": "/Applications/wechatwebdevtools.app/Contents/MacOS/cli",
"WECHAT_PROJECT_PATH": "/Users/<you>/WeChatProjects/<project>",
"NODE_PATH": "/opt/homebrew/bin/node"
}
}
}
}macOS의 세 가지 핵심 차이점:
command는 절대 경로/opt/homebrew/bin/uvx를 사용해야 합니다(Claude Code가 하위 프로세스를 생성할 때PATH에 Homebrew가 포함되지 않음)
env.PATH를 명시적으로 주입해야 합니다(npx기반 MCP(예: cloudbase / chrome-devtools)를 함께 구성할 때 특히 필요, 그렇지 않으면npx의#!/usr/bin/env node가 Node를 찾지 못함)
NODE_PATH는 daemon 시작 시 이중 안전장치로 명시적 지정을 권장합니다
여러 MCP(cloudbase / chrome-devtools 등)를 동시에 구성할 때 각 server에 동일한 패턴으로
command절대 경로와env.PATH를 처리하세요.
Trae v1.3.0+는 MCP를 지원합니다. AI 패널 → 우측 상단 설정 → MCP → 추가 → 수동 구성에서 아래 JSON을 붙여넣고 저장하세요.
Windows:
{
"mcpServers": {
"wechat-devtools": {
"command": "uvx",
"args": ["wechat-devtools-mcp"],
"env": {
"WECHAT_DEVTOOLS_CLI": "C:\\Program Files (x86)\\Tencent\\微信web开发者工具\\cli.bat",
"WECHAT_PROJECT_PATH": "D:\\Your\\Project\\Path"
}
}
}
}macOS:
{
"mcpServers": {
"wechat-devtools": {
"command": "/opt/homebrew/bin/uvx",
"args": ["wechat-devtools-mcp"],
"env": {
"PATH": "/opt/homebrew/bin:/usr/local/bin:/usr/bin:/bin",
"WECHAT_DEVTOOLS_CLI": "/Applications/wechatwebdevtools.app/Contents/MacOS/cli",
"WECHAT_PROJECT_PATH": "/Users/<you>/WeChatProjects/<project>",
"NODE_PATH": "/opt/homebrew/bin/node"
}
}
}
}설정 파일을 직접 편집할 수도 있습니다:
Windows:
%APPDATA%\Trae\User\globalStorage\mcp.jsonmacOS:
~/Library/Application Support/Trae/User/globalStorage/mcp.json
[!IMPORTANT] 채팅창에서 반드시 「Builder with MCP」 에이전트를 선택해야 합니다. 일반 에이전트는 MCP 도구를 호출하지 않습니다. wechat-devtools Skill(Step 5)도 함께 설치하여 AI가 SOP 순서대로 호출하도록 권장합니다.
Step 5 — Skill 설치(필수)
[!IMPORTANT] 본 MCP는 반드시 wechat-devtools Skill과 함께 사용해야 합니다. Skill에는 AI가 미니프로그램을 조작하는 데 필요한 모든 SOP 프로세스, 파라미터 빠른 참조 및 문제 해결 가이드가 포함되어 있습니다. Skill이 설치되지 않으면 AI는 기본 API만 호출할 수 있으며 표준화된 테스트 및 디버깅 프로세스를 자동으로 실행할 수 없습니다.
방법 1: npx skills add(Claude Code 사용자)
npx -y skills add WaterTian/wechat-devtools-mcp/.agents/skills/wechat-devtools~/.claude/skills/에 설치되며 Claude Code가 자동으로 로드합니다.
방법 2: .agents/skills/에 수동 배치(.agents/skills/ 기반으로 로드하는 Trae 등 클라이언트)
미니프로그램 프로젝트 루트 디렉터리에서 실행:
git clone --depth 1 https://github.com/WaterTian/wechat-devtools-mcp.git .wdm-tmp
mkdir -p .agents/skills
cp -r .wdm-tmp/.agents/skills/wechat-devtools .agents/skills/
rm -rf .wdm-tmp완료 후 디렉터리 구조:
your-project/
└── .agents/skills/
└── wechat-devtools/
├── SKILL.md # 主指令文件(SOP + 能力映射 + 红线规则)
└── references/
└── tool_reference.md # 7 个聚合 API 完整参数参考[!TIP] Trae 사용자: 설정 → 스킬 및 명령 → .agents 스킬 디렉터리 활성화 스위치가 켜져 있는지 확인하고(기본 켜짐), 저장 후 새로고침하면 「스킬 → 프로젝트」 탭에서
wechat-devtools를 볼 수 있습니다.
Related MCP server: harmony-mcp
🛠️ 도구 상자 개요
MCP Server는 7개의 통합 도구를 제공하며, 미니프로그램 전체 수명 주기를 포괄합니다:
도구 | 기능 | 지원 action |
| IDE 수명 주기 관리 |
|
| 빌드 및 배포 |
|
| 자동화 상호작용 |
|
| 런타임 로그 수집 |
|
| 화면 스크린샷(긴 이미지 이어붙이기) | — |
| 페이지 이동 및 CDP 로그 수집 | — |
| 프로젝트 파일 읽기 |
|
클라우드 함수 및 클라우드 데이터베이스 관리는 CloudBase MCP(
manageFunctions/readNoSqlDatabaseContent등)를 사용하세요. 기능이 더 완전하고 IDE 의존성이 없습니다.wechat_cloud는 v0.9.5부터 비활성화되었습니다.
🧠 Skill 내용 상세
Skill을 통해 AI는 자연어 명령을 받은 후 표준화된 작업 프로세스를 자동으로 매칭하고 실행합니다:
사용자 발화 | AI 실행 프로세스 |
"모든 페이지에 오류가 있는지 확인해줘" | SOP D — 전체 페이지 순찰 |
"로그인 버튼을 클릭하고 스크린샷으로 결과를 봐줘" | SOP B — UI 디버깅 |
"페이지가 하얀 화면인데, 원인을 찾아줘" | SOP C — 이상 원인 조사 |
"결제 API를 Mock하고 결제 프로세스를 테스트해줘" | SOP E — Mock 통합 테스트 |
"상세 페이지를 테스트할 건데, 파라미터 이름이 뭐야?" | SOP G — 하위 페이지 테스트 |
"각 페이지의 포인트가 일치하는지 비교해줘" | SOP I — 페이지 간 데이터 검증 |
Skill 포함 내용
9개 SOP 프로세스 — 초기화, UI 디버깅, 이상 원인 조사, 전체 페이지 순찰, Mock 통합 테스트, 네트워크 디버깅 및 UI 적응, 하위 페이지 테스트, 페이지 간 데이터 검증, 병렬 데이터 비교
기능 매핑 사전 — 7개 통합 도구 × 전체 action 빠른 인덱스
CDP 점진적 문제 해결 전략 — concise → full 2단계, Token 소비 제어
전체 파라미터 참조 — 각 action의 필수/선택 파라미터, 반환 예시, 일반 템플릿
문제 해결 매뉴얼 — 일반적인 오류 코드 및 수정 방법
설치 방법은 Step 5 — Skill 설치 참조
💡 환경 변수
변수명 | 설명 | 기본값 | 필수 |
| WeChat 개발자 도구 CLI 경로 | — | 예 |
| 기본 미니프로그램 프로젝트 절대 경로 | — | 예 |
| CLI 명령 제한 시간(초) |
| 아니요 |
| Node.js 실행 파일 경로 |
| 아니요 |
❓ 자주 묻는 질문
가장 흔한 원인: WeChat 개발자 도구의 "서비스 포트"가 켜져 있지 않습니다.
설정 → 보안 → 서비스 포트로 이동하여 켜세요. 켠 후 IDE를 재시작할 필요 없이 AI가 즉시 연결을 복구합니다.
개발자 도구를 수동으로 열었다면 디버깅 포트를 수신하지 않을 수 있습니다. 개발자 도구를 닫고 AI가 wechat_ide(action='open', cdp_enabled=True)를 실행하여 디버깅 모드로 시작하게 하세요.
에디터의 MCP 서비스가 아직 실행 중입니다. Step 1 아래의 업그레이드 안내를 참조하세요 — 프로세스를 먼저 종료한 후 업그레이드해야 합니다.
pip install로 설치한 구버전의 우선순위가 더 높을 수 있습니다. pip uninstall wechat-devtools-mcp를 실행하여 구버전을 제거한 후, wechat_ide(action='status')로 mcp_version 필드가 최신 버전인지 확인하세요.
에디터 설정의 env에서 WECHAT_DEVTOOLS_CLI에 절대 경로가 입력되었는지 확인하세요:
Windows: 이중 백슬래시 사용(예:
C:\\...\\cli.bat)macOS: 표준 경로
/Applications/wechatwebdevtools.app/Contents/MacOS/cli, 슬래시 이스케이프 불필요
GUI 클라이언트(예: Claude Desktop)가 MCP를 시작할 때 PATH에 /opt/homebrew/bin이 포함되지 않을 수 있습니다. MCP v0.9.6부터 Homebrew 표준 경로를 자동으로 시도합니다; 그래도 실패하면 env에 명시적으로 설정하세요:
"NODE_PATH": "/opt/homebrew/bin/node"📋 버전 이력
版本 | 说明 |
0.9.15 | 개발자 도구 2.x(Electron) 적응 + CDP 수집 장기 무효화 수정: 개발자 도구 2.x는 Electron으로 전환(1.06.x Stable은 여전히 NW.js, 이중 트랙 호환, 교체 없음). macOS 시작 경로는 |
0.9.14 | 파일 읽기 경로 수정 + 매개변수 무효화 수정: |
0.9.13 |
|
0.9.12 | 핸드셰이크 반환 패키지 버전 + 의존성 상한: mcp 2.x에서 |
0.9.11 | mcp 2.0.0 호환: 공식 MCP Python SDK 2.0(2026-07-28 출시)이 |
0.9.10 | page_path 조용한 실패 수정: screenshot.js가 내비게이션 후 페이지 경로가 일치하는지 검증, |
0.9.9 | 스크린샷으로 인한 미니프로그램 재시작 수정: screenshot.js가 비 TabBar 페이지의 내비게이션 방식을 |
0.9.8 | automator 연결 안정성 수정: daemon.js |
0.9.7 | daemon 고아 프로세스 잔존 수정: daemon.js에 부모 프로세스 watchdog 추가, 5초마다 |
0.9.6 | macOS 적응: |
0.9.5 | compile 건강 검사가 영구히 실패하는 잠복 버그 수정(ui_debug.js에 |
0.9.4 | switchTab 점프가 적용되지 않는 문제 수정( |
버전 | 설명 |
0.9.3 | status에 |
0.9.2 | compile 후 navigate 타임아웃 수정: daemon 연결 상태 확인에 3초 타임아웃 보호 추가; compile 후 이전 캐시 연결을 자동으로 무효화하고 재연결; navigate currentPage 폴링 시 각 호출에 2초 독립 타임아웃 추가; HEALTH_CHECK_TIMEOUT과 CONNECTION_ERROR 오류 코드 구분 |
0.9.1 | cdp_enabled=true 시 AttributeError 크래시 수정; WXML 런타임 오류 수집 추가(compile 후 CDP가 template not found 등 경고 자동 포착) |
0.9.0 | 영구 Node daemon 아키텍처: 단일 daemon 프로세스 상주, NDJSON 프로토콜 통신, WS 연결을 포트별로 재사용; 8개 개별 bundle을 단일 daemon.bundle.js로 대체; 도구 호출 지연 시간이 500ms+에서 ~3ms로 감소; compile 후 daemon이 자동으로 연결을 재구축하여 연결 끊김 없음 |
0.8.0 | compile 후 automator 자동 재연결; navigate가 TabBar 페이지를 자동 인식하여 switchTab 사용; screenshot에 full_page/scroll_top/page_path 파라미터 및 뷰포트 스크린샷 모드 추가; page_data에 expected_path 폴링 추가로 이전 데이터 방지; 긴 이미지 이어붙이기 동적 스텝으로 내용 누락 수정; node_bridge 연결 끊김 시 재시도 통일 + 500ms 호출 간격; start 포트 검증을 20회로 증가 |
0.7.0 | navigate 변수 스코프 수정(currentPageTimeout); evaluate가 선언문 지원(const/let/var fallback); call_method가 현재 페이지 경로 반환; automator start 시 포트 폴링 검증으로 맹목적 대기 대체; SKILL.md에 효율 원칙, 복구 등급, 페이지 이동 방법, 6개 장애 항목 추가 |
0.6.0 | navigate가 query 파라미터 지원(reLaunch 타임아웃 fallback); CDP 시작 노이즈 필터링(console.assert/__route__/ide:// 노이즈 감소 + WXML 오류 보호); compile 반환값 3분류 + automator 무효 안내; navigate currentPage 폴링 재시도; 타임아웃 설정 가능 |
0.5.1 |
|
0.5.0 | Skill SOP 전면 최적화: SOP I/J 추가; AppID 확인 및 path 검증 추가; CDP 노이즈 필터링; 스크린샷 이어붙이기 퍼지 매칭 수정 |
0.4.1 | 스크린샷 긴 페이지 이어붙이기 재작성: 고정 영역 감지, DPR 적응, 동적 겹침 계산 |
0.4.0 | CDP 로그 강화, 클라우드 함수 배포 자동 검증, navigate 지능형 진단, SOP G/H 추가 |
0.3.0 | 대규모 리팩토링: 44개 도구를 8개 API로 통합; CDP 로그 v2; SKILL.md 지식 베이스 추가 |
0.2.6 | README에 OpenAI Codex 설정 설명 추가 |
0.2.5 | Kiro 편집기 설정 설명 추가 |
0.2.4 | 스크린샷 스크롤 이어붙이기 수정: |
0.2.3 | 배포 패키지 최적화: |
0.2.2 | Node.js 스크립트를 bundle-only 모드로 변경 |
0.2.1 | 버전 업데이트 및 문서 보완 |
0.2.0 | navigate가 CDP 고화질 로그 수집으로 변경 |
0.1.9 | UTF-8 인코딩 깨짐 수정 |
0.1.8 | Windows 중국어 경로 UnicodeDecodeError 수정 |
0.1.7 | core/full 도구 세트 프리셋 추가; MCP_DOC.md 추가 |
0.1.6 |
|
0.1.5 | Windows stdio 차단 문제 수정 |
0.1.4 | CDP 로그, 스크린샷, 자동화 등 기능 추가 |
0.1.3 | 초기 버전 |
참고 문서
라이선스
MIT
This server cannot be installed
Maintenance
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.
Related MCP Servers
- AlicenseBqualityCmaintenanceEnables AI assistants to automate WeChat Developer Tools for mini programs, allowing navigation, inspection, and manipulation of pages and components through the miniprogram-automator API.2767174MIT
- AlicenseNot gradedqualityBmaintenanceAn MCP server that enables AI assistants to interact with WeChat Mini Programs, allowing developers to publish versions, analyze package size, diagnose compilation errors, and manage projects via natural language.783MIT
- AlicenseAqualityAmaintenanceMCP server for WeChat Mini Program debugging and automation, enabling agents to perform UI operations, screenshots, and regression testing through natural language commands.4417914MIT
- AlicenseNot gradedqualityDmaintenanceConnects WeChat Mini Program tooling to MCP and automation workflows. Provides scripts for opening, previewing, and uploading projects, as well as automator smoke tests.1MIT
Related MCP Connectors
A comprehensive Model Context Protocol (MCP) server that enables AI assistants to interact with yo…
MCP server for Hailuo (MiniMax) AI video generation
MCP connector that lets ChatGPT list, search, and run your Apple Shortcuts via a local Mac agent
Latest Blog Posts
- Who's Calling? MCP Hosts Are an Identity Blind Spot (And the Spec Knows It)By Om-Shree-0709 on .mcpAgent IdentityOAuth 2.1
- Your AI Chatbot Just Exposed Your CEO's Salary to an InternBy Om-Shree-0709 on .Agent IdentityMCP SecurityOAuth Delegation
- Why MCP Servers Need Execution Sandboxing (And Why Your Current Stack Isn't Enough)By Om-Shree-0709 on .Agentic AiPrompt InjectionWebAssembly
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/WaterTian/wechat-devtools-mcp'
If you have feedback or need assistance with the MCP directory API, please join our Discord server