网站首页 > 技术文章 正文
关于前后端对接问题下面好程序员web前端学习路线为大家解答。
一、没有接口文档:
对于前后端分离开发,必须要写接口文档。否则,第一:前后端开发没有标准,没有依据。第二:容易扯皮,没法追踪,职责不清。第三:开发效率低。等等。
对于你们项目中没有写接口文档的事情,可以找项目组长进行沟通,讲明利害,由项目组长协调让写接口文档。否则,公司永远不能规范起来。显得很业余。
前端根据接口文档开发前端功能,后端根据接口文档,提供正确的数据,只有这样,前后端在工作上也能做到低耦合。否则前后端的开发高度耦合,真的不敢想象。亲,强烈建议你,要求你必须要有接口文档。不要用有限的生命体验前人已经总结出来的经验。
二、前端根据接口文档mock数据
有了接口文档后,前端可以利用json-server,mock.js等工具,进行数据模拟(一定严格按照接口文档进行模拟,如果确实在实际开发中,发现接口文档写的有问题,及时与后端沟通,保证接口文档,前后端是同步更新的)。这样的话,前端开发功能不会受后端开发进度和问题的影响。这样就能分离开发。
前端功能开发完毕(或者阶段性)后,可以跟后端进行联调。在联调前,最好,用接口测试工具先测试后端的接口有没有问题。如果没有问题,再进行联调。
三、后端接口的测试:
使用postman,jmeter,loadrunner、SoapUI等测试工具,先测试后端的数据有没有问题,这样的测试工具,可以发送http的各种请求。
Postman是谷歌的一款接口测试插件,它使用简单,支持用例管理,支持get、post、文件上传、响应验证、变量管理、环境参数管理等功能,可以批量运行,并支持用例导出、导入。
jmeter是一款100%纯Java编写的免费开源的工具,它主要用来做性能测试,内存占用小,免费开源,轻巧方便、无需安装。
建议:后端做好后,最好让后端人员用这样的工具,进行自测。因为,作为每个开发人员都需要保证自己的功能没有问题。做好功能后,用这样的工具测试后,才能确保没有问题。后端人员需要保证自己提供的接口没有问题就必须通过接口测试工具的测试。
对于你在题目中写的“我没办法直接和后端的同事指出他工作的那些问题”?用接口工具测试,就无话可说。不会出现你和他直接的冲突,用工具的结果说话。
四、后端代码写好后,前端如何改?
后端的接口测试没有问题后,前端把请求后端的接口地址进行修改(建议,把请求接口地址的服务器目录使用配置方式,这样修改起来非常方便)。
PS:我以上所说工具的使用,建议在网上查一下。
猜你喜欢
- 2024-10-12 php 给app 或前端封装api 接口——json格式
- 2024-10-12 前端基础:vue中Axios的封装和API接口的管理
- 2024-10-12 Vue项目中实现用户登录及token验证
- 2024-10-12 前端开发:TypeScript 接口与泛型 接口使用泛型
- 2024-10-12 Java实战系列-前端VUE代码开发及接口流程设计(1)
- 2024-10-12 你还不了解typescript中接口和类型别名的用法区别?本文帮你总结
- 2024-10-12 前端开发:JavaScript API应用程序编程接口
- 2024-10-12 Java 中间的接口还可以这样用,你知道吗?
- 2024-10-12 Web前端接口画中画(Picture-in-Picture)介绍
- 2024-10-12 vue 项目接口管理 vue3接口
你 发表评论:
欢迎- 05-10如何优化数据库和前端之间的交互?
- 05-10前端代码优化小秘籍(前端优化24条建议)
- 05-10VS Code当中的15个神仙插件,值得收藏
- 05-10如何自己开发一个Google浏览器插件?
- 05-10前端流行框架Vue3教程:14. 组件传递Props效验
- 05-10吃了一年的SU,最好用的插件都在这了
- 05-10前端必看!这款神器让网站界面告别千篇一律
- 05-10程序员请收好:10个非常有用的 Visual Studio Code 插件
- 最近发表
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端md5加密 (49)
- 前端路由 (55)
- 前端数组 (65)
- 前端定时器 (47)
- 前端懒加载 (45)
- 前端接口 (46)
- Oracle RAC (73)
- oracle恢复 (76)
- oracle 删除表 (48)
- oracle 用户名 (74)
- oracle 工具 (55)
- oracle 内存 (50)
- oracle 导出表 (57)
- oracle查询数据库 (45)
- oracle约束 (46)
- oracle 中文 (51)
- oracle链接 (47)
- oracle的函数 (57)
- mac oracle (47)
- 前端调试 (52)
- 前端登录页面 (48)
本文暂时没有评论,来添加一个吧(●'◡'●)