通过Cloudflare Tunnel将coding-tools-mcp接入Claude网页版,让免费用户获得本地代码编辑能力。文章详细列出安装cloudflared、创建隧道、配置MCP服务、添加Connector的完整步骤,并剖析原方案的八大弊端与风险。
白嫖Anthropic,免费用户也能够使用Claude进行编程,支持Claude Sonnet 4.6/4.5 thinking 模型
核心思路:将 coding-tools-mcp 接入到网页版本 Claude 当中,这样我们即可让网页版 Claude 获得本地代码编辑能力,化身 Claude Code。
架构链路:
Claude 网页版 → 公网 Tunnel → 本地 MCP Server → 你的代码目录
准备工作:
- 一个能正常使用的 Claude 网页账号
- Python 环境
- 一个测试用的代码目录
第一步:安装 cloudflared
cloudflared 是 Cloudflare Tunnel 的命令行工具。后面要靠它把本地 8000 端口临时映射到公网去给 Claude 网页端访问。
macOS 直接用 Homebrew:
brew install cloudflaredWindows 可以用 winget:
winget install --id Cloudflare.cloudflaredLinux 就按自己的发行版来,去 Cloudflare 文档里下载对应包也行。装完先看一眼版本,确认命令能跑:
cloudflared --version第二步:创建 Cloudflare Quick Tunnel
现在把本地 8000 端口暴露出去:
cloudflared tunnel --url http://localhost:8000终端里会出现一个 trycloudflare.com 的临时地址。先别关这个窗口,后面配置 MCP 服务要用到它。这个 Tunnel 用完就关。它是公网入口,不是长期服务。
第三步:安装 coding-tools-mcp
安装 MCP 工具包:
pip install coding-tools-mcp我更建议放到虚拟环境里,后面清理也方便:
python -m venv .venvsource .venv/bin/activatepip install coding-tools-mcp第四步:启动 MCP 服务
接下来配置几个 OAuth 环境变量,然后启动服务。这里的 client-id、client-secret、password 不要照抄示例,自己随便生成一组。关键是别太短,也别发给别人。
macOS / Linux:
export CODING_TOOLS_MCP_OAUTH_CLIENT_ID="your-client-id"export CODING_TOOLS_MCP_OAUTH_CLIENT_SECRET="your-client-secret"export CODING_TOOLS_MCP_OAUTH_PASSWORD="your-login-password"export CODING_TOOLS_MCP_SERVER_URL="填入刚才 Cloudflare Tunnel 输出的地址"
coding-tools-mcp \ --workspace /path/to/your/repo \ --host 127.0.0.1 \ --port 8000 \ --oauth-modeWindows PowerShell:
$env:CODING_TOOLS_MCP_OAUTH_CLIENT_ID="your-client-id"$env:CODING_TOOLS_MCP_OAUTH_CLIENT_SECRET="your-client-secret"$env:CODING_TOOLS_MCP_OAUTH_PASSWORD="your-login-password"$env:CODING_TOOLS_MCP_SERVER_URL="https://xxx.trycloudflare.com/"
coding-tools-mcp ` --workspace C:\Users\HP\Desktop\1 ` --host 127.0.0.1 ` --port 8000 ` --oauth-modeWindows CMD:
set CODING_TOOLS_MCP_OAUTH_CLIENT_ID=your-client-idset CODING_TOOLS_MCP_OAUTH_CLIENT_SECRET=your-client-secretset CODING_TOOLS_MCP_OAUTH_PASSWORD=your-login-passwordset CODING_TOOLS_MCP_SERVER_URL=https://xxx.trycloudflare.com/
coding-tools-mcp --workspace C:\Users\HP\Desktop\1 --host 127.0.0.1 --port 8000 --oauth-mode将 —workspace 后面的内容填写为你希望 Claude 操作的临时目录。建议只给一个干净的小项目目录,别把整个根目录、下载目录、桌面等全暴露过去。
第五步:在 Claude 网页端添加 Connector
- 打开侧边栏里的 Customize
- 选择 Connector
- 点击添加 Custom Connect
- 填入前面配置的服务地址和 OAuth 信息
- 点击 Connect
- 按页面提示完成验证
连上之后,Claude 应该能看到 coding-tools-mcp 暴露出来的工具。这时候就可以让 Claude 做一些简单的代码任务了,比如读项目结构、定位报错、改一个函数、补一小段测试。
原方案弊端h2
| 问题 | 严重程度 | 说明 |
|---|---|---|
| Cloudflare Tunnel 公网暴露 | 高 | trycloudflare.com 地址公开可访问,OAuth 凭据强度依赖自身设置 |
| 工作目录完整暴露 | 高 | Claude 能看到 —workspace 下所有内容,包括 .env、密钥 |
| OAuth 弱认证 | 中 | 手动生成的静态凭据,无令牌过期/刷新机制 |
| Tunnel 频繁断开 | 中 | 免费 Tunnel 非长连接,断开后需重新配置 |
| 非真正的 Claude Code | 中 | 网页版一次回复只调一次工具,无 agentic 自主循环 |
| 上下文消耗快 | 中 | MCP 工具定义重复加载,多文件项目很容易打满窗口 |
| 免费用户速率限制 | 中 | 对话频率和长度严格受限 |
| 数据隐私风险 | 中 | 代码经 Anthropic 服务器处理,免费用户数据可能用于训练 |
更优方案:Claude 桌面端 + 本地 MCP(推荐)h2
如果你能安装 Claude 桌面客户端,可以完全绕开 cloudflared 和公网暴露:
Claude 桌面客户端 ← 本地进程通信 → MCP Server(localhost)← 你的代码目录配置文件 claude_desktop_config.json:
{ "mcpServers": { "filesystem": { "command": "npx", "args": [ "-y", "@modelcontextprotocol/server-filesystem", "D:/Projects/your-repo" ] } }}优势:数据全程不离开本机、不需要 cloudflared 和 OAuth、支持 agentic 连续工具调用、一次配置永久生效。
Token / 上下文优化策略h2
| 手段 | 效果 |
|---|---|
| Claude Context MCP | Token 降低约 40%,代码库向量化索引 |
| AgenticStore Token Optimizer | 自动削注释和空白 |
| Cloudflare Code Mode | Token 消耗降低 99%,AI 生成代码块一次性执行 |
多账号轮换:注册 2-3 个 Claude 账号,桌面端 Sign Out 后登录下一个,MCP 配置存本地、切换账号依然生效。
连接后怎么使用h2
直接输入自然语言即可:
- 看项目结构:「先看看我这个项目有哪些文件」
- 读代码:「读一下 main.py,告诉我这个项目是干什么的」
- 定位报错:「运行 main.py 报错了,报错信息是 xxx,帮我看看」
- 改代码:「把 utils.py 里的 fetch_data 改成用异步请求」
- 补测试:「给 calculator.py 里每个函数写单元测试」
- 重构:「把 config.py 里所有配置项改成从 .env 读取」
使用技巧:先说「读一下 xxx」让 Claude 先了解代码再说怎么改;描述结果而非步骤;贴完整报错信息;一次只做一件事,改完验证再继续。
工具权限建议:读操作设 Auto(自动允许),写/删操作保持 Needs approval(需批准)。
安全提醒h2
- 不要在暴露的工作目录下存放 .env、私钥、密码文件
- 用完及时关闭 cloudflared 终端
- 凭据不要硬编码在脚本里,不要分享给他人
- 有条件优先使用 Claude 桌面端 + 本地 MCP
结论:把 MCP 接入网页版 Claude 确实能让免费用户获得本地代码编辑能力,但免费额度非常有限——基本两次对话就耗尽 token,适合尝鲜体验,正经干活还是乖乖付费。
Comments