前后端分开开发, 必须后端先做,做好了在提供给前端吗?

[chaleaoch]

其实接口定义好了就可以了啊 前端不是也有 fiddler 之类的工具可以做代理吗?或者 nginx 也可以.

为什么一定要后端提供数据呢?

大部分公司都这样吗?

[wzq001]

前端不是要搞页面？后端写接口，约定接口顺序，后端提供 api，doc 给前端就可以了

[wellsc]

前后端分离不就是为了同步开发吗？前端等后端开发好了再开发，还要个🔨前后端分离，模板引擎不香嘛

[javalaw2010]

接口文档定义好前端完全可以自己 Mock，如果前端说不行那基本上除了水平太差以外就是偷懒不想自己做这部分的工作。不过如果前端水平真的是不行的话也就只有后端抬一手了，我们以前遇到这种情况的做法是接口定义完之后后端这边接口里直接做一份假数据直接输出放到测试环境上，也耽误不了多少时间，真正的业务逻辑再慢慢写

[Hilong]

就看 mock 数据是谁给了

[meteor957]

文档先给出来就行

[hecatelove]

我之前在小公司前后端都做。。以我个人经验来看。。先做界面会比较好确定需要哪些数据。 前后端是可以同时开发的。。只要约定好格式。。前端可以写默认数据进行开发（不过有些人会懒得写所以等后端先提供）。。之后再连后端校验调试。

[xuwei0056]

后端先给文档，然后各自开发。最后联调 完事

[maichael]

你就算前期 mock 后期也要联调呀……

[libasten]

理论上是讨论好 json 内容就好了，这里也很多人说 mock 数据啥的。
但是实际上说实话，很难完全按照这些标准来干，有时候取决于哪方面的领导强势，有时候也是实际情况无法严格来执行。
比如数据约定好了，但是研发过程中还是会遇到事先没有遇到的问题，可能要双方调整数据。

[zhuweiyou]

不用，甚至 mock 都不需要。

客户端的视图和逻辑，不应该依赖数据源的字段，做一层 transform 比较好。
等后端有接口了，只要在转换层做一下字段转换、清洗。

否则耦合在一起，接口一改，前端跟着改很傻逼。

[xrr2016]

把接口数据定义好就行了啊...

[KuroNekoFan]

@zhuweiyou 想法很好，但是一旦有这样的实践，遇到不靠谱的后端，会导致你写出无比奇葩，难以理解的转换层

[KuroNekoFan]

这就相当于把业务逻辑从后端丢到前端，把出 bug 的风险从后端丢到前端了

[cmdOptionKana]

不是必须，由 leader 们决定怎样搞。没有 leader 就前后端开会讨论决定。

[myCupOfTea]

是的,接口定义好了就可以了,让前端自己 mock 去

[jones2000]

@KuroNekoFan
@zhuweiyou

转换层一般是后台写的，用 js 写数据类（通过 ajax 获取数据，转成定义好的格式，不涉及到ｃｓｓ的后端都可以写）， 写好给前端调用就可以。前期前端直接根据接口文档 用假数据开发 UI 就可以。　后面后台好了，直接换成中间层数据类就可以了。

[zstone123]

yapi 谁用谁知道

[KuroNekoFan]

@jones2000 我也比较 prefer 这种模式，但是遇到不靠谱的后端，还是很糟心

[guorui112]

没啥用，等后端给最好，有时候前端先写某个地方，数据格式自己定义好后，给到后端，到最后还得按后端的格式改，后端是天

[GopherTT]

先写页面 然后根据文档写业务 最后联调没毛病 很多时候根本都不需要 mock 怕做不完就前端自己 mock

[sayitagain]

先定有哪些接口,然后定每个接口的数据格式,然后各自开发,联调...

[xianxiaobo]

不是，可以前后端同时开发，如果公司非常注重效率的话，不过要先约定数据格式和接口文档。

[Hoye]

@zhuweiyou
@KuroNekoFan
我寻思着你就算写好转换，后端改了字段，前端不也要改吗 手动狗头。。。

[xuanbg]

先定接口，大家按约定各干各的，干完了一起联调一下就完了。如果接口设计合理，正常情况下直接就对接上了，所谓联调就是个说法而已。

[anjianshi]

接口字段约定好然后各做各的啊。前端好一点的会自己 mock 的。

[Steve08]

我们垃圾公司，后端写完接口还要自己去对接，每次都得花大把时间去看前端的代码，恶心的要死，不知道项目经理怎么想的

[IssacTomatoTan]

身为前端，我只是写好页面和一些交互，至于接口请求和相关数据处理逻辑会等到联调的时候写上

[KaKaGoSki]

backend -> swagger -> mock -> frontend

[securityCoding]

openApi 了解一下

[gdtdpt]

@chaleaoch
好像回复过你类似的问题，真的这么大怨气吗？
旧主题链接 https://www.v2ex.com/t/701987

[guanhui07]

https://github.com/YMFE/yapi 好用

[securityCoding]

@qiyue0726 为什么不先通过 openapi(swagger)的方式约定好接口呢?

[zhw2590582]

看你们谁写 mock，不过前端只要不是要实现太复杂的功能，基本框架成型后都是复制粘贴而已，所以写起来很快，基本不耽误进度。

[Cola98]

先商量好接口，然后出文档，前端调用后端提供的接口，后端实现接口功能就行了，完全分开的。

[chaleaoch]

@gdtdpt 是一位同事,但是这是两件事. 而且不是怨气. 就是想看看别的公司别的项目是什么样子的.

[Steve08]

@securityCoding swagger 接口是有的，不知道他是不是脑子抽了，非得后端去对接，搞得贼费劲