现在位置: 首页 / 免费干货 / chatgpt / 正文

ChatGPT网页版秒变Codex：DevSpace开源项目让额度翻倍，本地开发爽翻了

最近Codex这个AI工具是真的越来越火了，对吧？很多人现在都习惯了让AI直接读项目、改代码、跑测试，然后一步步把项目搞出来。不过说实话，Codex有额度限制，网页版的额度完全放着不用又觉得有点浪费……那有没有什么办法，可以继续用ChatGPT网页版，同时让它也能像Codex一样有本地开发能力呢？

我最近发现一个超有意思的GitHub开源项目：DevSpace。项目GitHub地址在这里：https://github.com/Waishnav/devspace。你猜怎么着？我觉得大家可以去GitHub上给作者点个Star支持一下，真的挺不错的。

一、项目介绍

DevSpace 嘛，其实是个自托管的 MCP Server。它的实现原理说白了就是 ChatGPT 支持连接外部工具——你在本地跑一个 MCP 服务器，然后通过网络隧道把它暴露给 ChatGPT。这跟反代完全是两码事啊，顶多算是合理利用工具罢了。

简单点说吧，DevSpace 能通过 MCP 把你的本地开发环境接进 ChatGPT。这样一来，ChatGPT 就能读你本地的代码项目、改文件、跑命令、看 Git diff 了……你猜怎么着？我觉得这就像：

★给 ChatGPT 装上一双“本地开发环境的手”。

它支持这些功能：

读取文件
搜索代码
修改文件
执行测试命令
执行构建命令
查看Git diff
用独立Git worktree来并行开任务
读取项目里的AGENTS.md / CLAUDE.md指令

说实话，这就挺接近 Codex 的工作方式了，对吧？

二、ChatGPT额度说明

说实话，ChatGPT不同套餐、不同模型，用起来限制真的不一样。官方额度说明在这儿：

https://help.openai.com/zh-hans-cn/articles/11909943-gpt-55-in-chatgpt

你看官方说明里提到，Plus、Go、Pro、Business这些层级，对GPT-5.5 Instant、Thinking、Pro这些模型，可用性和额度都各有不同。下面这张图就是官方额度说明页面，大家可以自己看看：

更关键是——你猜怎么着？Codex里没法用最强模型GPT 5.5 Pro，但ChatGPT网页版可以。所以我觉得，你可以先用最强模型做规划，之后再用Codex来写代码；ChatGPT和Codex的额度是分开计算的，用MCP项目，你相当于多付了一次钱，有了双倍额度，彻底把ChatGPT额度榨干。是不是挺划算的？

三、安装

1. 安装Node环境

DevSpace这玩意儿需要Node环境，如果你还没有Node的话，可以装个volta：

★参考官方网站自己搞定就行：https://docs.volta.sh/guide/getting-started

macOS或者Linux的话，用下面命令就搞定了：

curl https://get.volta.sh | bash

装完之后，我建议你重新开个终端，或者手动刷新一下环境变量。要是你用zsh，就执行：

source ~/.zshrc

要是bash用户，就执行：

source ~/.bashrc

然后检查一下Volta装好了没：

volta -v

volta装好之后，再执行下面命令装Node：

volta install node@22

最后再确认一下Node和npm版本：

node -v
npm -v

2. 安装DevSpace

全局安装走一波：

npm install -g @waishnav/devspace

然后初始化配置：

devspace init

启动服务：

devspace serve

初始化的时候，它会让你填一些信息，说实话，还挺简单的：

  • 允许ChatGPT访问的本地项目目录
  • 本地端口，默认是7676
  • 公网HTTPS地址——这个嘛，就得靠后面了

你看，上面提示我们要输入一个公网访问地址，但我们本地网络哪来的公网IP啊？对吧。所以接下来得配合Cloudflare Tunnel配置公网隧道，这样才能让网页MCP访问到。你猜怎么着？其实不难搞！

四、配置使用Cloudflare Tunnel配置公网隧道

第一步：配置公网隧道

直接拿下面这段提示词丢给Codex，让它帮你搞定：

请帮我完成DevSpace的公网访问配置：

目标：

1. 在Codex CLI中配置Cloudflare MCP Server。
2. 用Auth/OAuth完成Cloudflare授权。
3. 配置Cloudflare Tunnel，把公网HTTPS地址代理到本地服务：

```text
http://127.0.0.1:7676
```

要求：

* 系统是macOS。
* 改配置前先备份。
* 别覆盖已有配置。
* 授权、登录、浏览器跳转时暂停，让我手动操作。
* 命令失败了，根据报错继续修。

执行步骤：

1. 检查Codex：

```bash
codex --version
```

2. 备份Codex配置：

```bash
mkdir -p ~/.codex
[ -f ~/.codex/config.toml ] && cp ~/.codex/config.toml ~/.codex/config.toml.bak.$(date +%Y%m%d%H%M%S)
touch ~/.codex/config.toml
```

3. 在`~/.codex/config.toml`里配Cloudflare MCP：

```toml
[mcp_servers.cloudflare-api]
url = "https://mcp.cloudflare.com/mcp"
enabled = true
default_tools_approval_mode = "prompt"
startup_timeout_sec = 20
tool_timeout_sec = 60
```

4. 用Auth/OAuth授权：

```bash
codex mcp login cloudflare-api
codex mcp list
```

5. 装好cloudflared并检查：

```bash
brew install cloudflared
cloudflared --version
```

6. 启动Cloudflare临时隧道：

```bash
cloudflared tunnel --url http://127.0.0.1:7676
```

7. 记下输出的公网地址，比如：

```text
https://xxxx.trycloudflare.com
```

最后告诉我：

```text
DevSpace init里的public base URL填：
https://xxxx.trycloudflare.com

MCP客户端地址填：
https://xxxx.trycloudflare.com/mcp
```

注意：DevSpace init里别带`/mcp`。

然后等着Codex干活就行……你只需要点一下授权，是不是挺简单的？

最后你就能拿到公网地址了，复制配置就完事。

复制到刚才的终端里，配置公网URL地址：

第二步：启动DevSpace

devspace serve

启动之后，它会监听本地MCP端口地址，还有你的公网链接地址：

http://127.0.0.1:7676/mcp

第三步：在网页端配置MCP服务

打开设置，找到应用，开启开发者模式，点创建应用。

把MCP地址配成：

https://your-tunnel-host.example.com/mcp

创建好以后点应用，然后连到应用上。

打开本地这个文件，看看登录密钥，输进去就行。

cat ~/.devspace/auth.json

然后你在网页端点更多，选中我们的APP就能用了。

总结

整体体验下来，DevSpace这个项目还挺有意思的，说实话，它不是那种所谓的破解逆向工具，也不是让你绕过官方额度。它是通过MCP的方式，把ChatGPT网页版和本地开发环境连起来，你猜怎么着？效果还真不错。

原本ChatGPT只能在网页里写代码、生成代码，完了你还得复制粘贴，是不是挺麻烦的。现在接入DevSpace之后，它可以进一步读取本地项目、修改文件、执行命令、查看Git diff。整个体验就更接近Codex那种AI编程工作流了，对吧？

对于已经买了ChatGPT Plus或者Pro的用户来说，我觉得这个方案最大的价值还是很大的。它把原本闲置的ChatGPT网页版额度真正用起来了。目前Team网页版额度好像是不限制的，之前Codex额度被大砍了一刀，大家可以试试这个方案。让ChatGPT就不只是一个聊天工具了，而是可以变成一个真正参与开发流程的本地编程助手。

FAQ

DevSpace需要付费吗？

DevSpace是一个完全开源的项目，免费用的。你只需要有自己的ChatGPT Plus或Pro订阅就行。

配置Cloudflare Tunnel复杂吗？

不复杂，真的不复杂。文章里提供了完整的提示词，你直接复制给Codex，它自动帮你搞定，你只需要点一下授权就好了。

这个方案会封号吗？

不会。DevSpace是通过官方MCP接口连接ChatGPT的，没有逆向也没有破解，属于合理利用工具。这真的有用吗？我觉得完全没问题。