AI 如何协同开发前后端分离的项目？

[alva0]

用 claude code 或者 codex 如何同时开发前后端分离的项目呢？

例如我要开发一个新的接口，后端实现后，前端如何接入？

或者有个 bug ，如何前后端一起排查解决。

[g17]

放一起让他读啊，不懂难点在哪

[Laobai]

前后端放在同一个工作区即可

[root71370]

add-dir

[liuyanzha]

我是直接创建一个根目录 project ，然后有两个子项目 project-client （前端）, project-server （后端），因为原先他们是分 git 仓库的，所以现在还是分，我只是在本地设备给他们放在同一个目录而已，然后根目录底下有个 CLAUDE.md 描述一下，两个子目录底下有 CLAUDE.md 描述一下。claude 启动的时候在根目录启动（ project ），然后就可以了。不过这样子根目录相关的不会提交到 git 去。这样子确实能工作，但是也不知道别人是不是这么干的。。。

[alva0]

@liuyanzha 目前用了两种方式，有这种，也有后端会生成一个对接文档，增加规则，每次改到接口相关的，都要更新这个文档，再把这个文档放到前端。放到同一个目录 token 消耗多，第二种又比较麻烦。好像也没有其他的方式了

[mauve]

1. monorepo
2. 直接给本地电脑的项目地址，让它自己读
3. 让它写一个 handoff 文档，然后在另外一个项目里 prompt 里贴上
4. "你在一个 tmux window 里，你可以和另外的 panel 通信，你负责的是后端项目，另外一个 panel 负责前端，你们需要协同工作...“
5. agent teams 或者 subagent 这种场景下消耗太多，且上下文噪音太多，不建议，see https://v2ex.com/t/1199971

[mauve]

或者还有一种类似 4 楼的伪 monorepo 的形式，软链接两个项目的文件夹，不过我还没试过

[jarryli]

继续各走各的，后端负责 API ，前端负责渲染。在 SKILL 里面说明项目架构。https://github.com/microwind/ai-skills

[flyme2them00n]

你告诉它前端在哪个目录就行啊

[Sricor]

git submodule add <repo-url> [<path>]

[liuyanzha]

@mauve 我是感觉现在 monorepo 看起来会比较方便一些，毕竟现在好像都是一个人开发前后端了。不过使用 monorepo 的时候有个问题，比如自动化，可能我只改动了某个（前端）子目录的，要怎么检测让他知道本次应该部署哪部分的内容。单独 git 仓库会比较方便，项目有改动就部署。放一起的话自动化部署要咋整？

[Lockeysama]

前后端分离就前后端分离就行了~

前端工程负责前端工程，后端工程负责后端工程，API 文档做好约束，前端通过文档对接后端~~

前端有 BUG 修前端，后端有 BUG 修后端~~

没必要前后端一起搞，平白增加上下文，影响 AI 推理~

[chris89]

让后端写好 api 文档,包含请求的 url 、参数、返回的结果等,然后前端通过文档对接.

主要是怕两个项目放一起,影响上下文,还消耗额外的 token.

[iorilu]

都走 api 的, 前后端根本没啥关系

而且正常开发流程不是同时开始

都是先开发 api,用一些 api 工具调通了

才开发前端

这时候前端只看 api 文档, 后端不需要知道前端存在, 本来前端用 react, vue 或者桌面软件, 手机 app 都行阿

这才是前后端分离的目的