如何定位前后端的BUG

简介: 如何定位前后端的BUG

目前,前后端分离的开发模式在许多项目中被广泛采用。然而,在我们日常的测试过程中,当我们向开发人员提交bug时,有可能会遇到开发人员说bug指派错了的情况,甚至前后端开发还会相互推卸责任。为了避免我们自身处于被动的境地,耽误解决bug的时间,影响项目进度,降低测试与开发之间的沟通成本,提高工作效率,学会准确定位前后端bug是一项非常重要的技能,笔者面试时就曾经被问到过,那就一起来分析一波吧~

前端/后端的区别

首先,我们需要了解前后端的区别。简单来说

前端:负责展示页面和用户交互逻辑

后端:负责处理数据和业务逻辑。

前后端怎么交互

前后端之间的交互是通过接口进行的,接口是后端暴露给前端调用的,前后端交互大多都是通过HTTP协议(但不仅限于HTTP)的接口来进行

前端传入请求URL和请求参数,调用后端提供的HTTP接口,在正常情况下,就可以拿到后端返回的数据,用于页面的展示

如何定位前端/后端BUG?

当我们发现一个bug时,如果是界面排版布局错误,比如样式、文案、字体、兼容性问题,那就是前端bug。另外,像浏览器Console打印出的错误信息基本也属于前端bug。

如果是接口报错,我们可以利用抓包工具进行分析。在web端,可以使用浏览器自带的开发者工具(F12)进行抓包;在App端,可以借助于Fiddler或者Charles进行抓包。在分析时,我们可以从三个方面进行考虑:请求接口URL、传参、响应。

01.请求接口URL是否正确:如果请求接口URL不正确,为前端Bug;

02.请求接口的参数是否正确或为空:请求接口参数不正确或为空,为前端Bug;

03.如果请求接口的URL和传参都正确,但是响应内容错误或为空,那就是后端bug。

后端bug。我们可以在服务器上查看日志定位问题,可以通过以下步骤进行查询

1. 首先,通过SSH命令登录到Linux服务器。

2. 使用cd命令进入到存放日志文件的目录。比如:cd /usr/local/测试服务器名称/logs    

3. 使用find命令进行查询。可以使用-mmin选项来指定时间范围,例如find -mmin -1:查看最近1分钟内新写入的日志文件。该命令将返回符合条件的文件列表。

4. 使用tail -f <filename>命令查看日志文件的内容。该命令将实时显示日志文件的最新内容。

5. 如果只想搜索关键词信息,可以使用grep <keyword> <filename> --color=auto命令。该命令会搜索指定关键词并在匹配到的内容中使用彩色高亮显示。

6. 如果希望同时使用tail -f和grep命令,可以将它们结合起来使用,例如tail -f <filename> | grep -ni "<keyword>"。该命令将实时显示符合关键词的日志内容,并在匹配到的行数前加上行号

当我们在日志文件中发现关键词fatal、error、connection refuse、warning等时,需要高度重视,因为通常错误会发生在这些地方。

日志中常见的问题

1. 空指针:可能是由于程序没有充分考虑为空的情况,或者主外键约束的数据为空,或者删除了关联数据导致为空。

2. 数据库错误:可能是数据库缺少表、SQL语句错误、字段未成功插入表、超过数据库最大长度、存在脏数据等问题。

3. 非法数据:可能是由于输入的数据不合法导致的问题。

4. 内存溢出:可能是由于程序使用的内存超出了系统的限制导致的问题。

在际工作中,我们经常会遇到各种问题。当我们遇到问题时,我们应该先保持冷静,全面分析并充分理解需求。我们需要确定是自己的误操作,还是环境问题,或者是由于脏数据或权限不足导致的bug。如果我们确实无法定位问题,可以寻求开发人员的帮助。在描述问题的过程中,我们应该提供有效信息,例如问题发生的时间点、问题相关的视频/图片、业务操作场景,并提供日志等排查依据。这样做可以大大提高问题排查的效率。


相关实践学习
【涂鸦即艺术】基于云应用开发平台CAP部署AI实时生图绘板
【涂鸦即艺术】基于云应用开发平台CAP部署AI实时生图绘板
目录
相关文章
|
前端开发 测试技术
你发现一个bug,如何定位这个是前端还是后端缺陷?建议收藏
你发现一个bug,如何定位这个是前端还是后端缺陷?建议收藏
1401 0
|
Linux Perl
Linux 系统快速分析日志定位故障原因的 10 个方法
在 Linux 系统中,日志是一种非常重要的资源。系统管理员可以通过日志记录的内容来检测系统的运行状况,分析问题,做出相应的调整和优化。由于日志文件数量庞大,内容复杂,因此需要使用一些工具和技术帮助管理员进行快速分析和查找。 本文将介绍 Linux 系统中快速分析日志、定位故障的 10 个方法。
4901 1
|
存储 设计模式 测试技术
怎么基于Pytest+Requests+Allure实现接口自动化测试?
该文介绍了一个基于Python的自动化测试框架,主要由pytest、requests和allure构成,采用关键字驱动模式。项目结构分为六层:工具层(api_keyword)封装了如get、post的请求;参数层(params)存储公共参数;用例层(case)包含测试用例;数据驱动层(data_driver)处理数据;数据层(data)提供数据;逻辑层(logic)实现用例逻辑。代码示例展示了如何使用allure装饰器增强测试报告,以及如何使用yaml文件进行数据驱动。
1563 0
|
7月前
|
存储 人工智能 IDE
AI Coding 长文分享:如何真正把工具用起来,从原理到实践
本文从原理到实践系统地分享了如何高效使用AI编程工具。涵盖其底层机制(如Token计算、工具调用、Codebase索引与Merkle Tree)、提升对话质量的方法(如规则设置、渐进式开发)、实际应用场景(如代码检索、绘图生成、问题排查),并推荐了结合AI的编码最佳实践,包括文档、注释、命名规范和安全合规,旨在帮助不同经验水平的开发者真正把AI工具用好。
AI Coding 长文分享:如何真正把工具用起来,从原理到实践
|
11月前
|
测试技术 API 开发者
Postman 旧版本下载方法全解(图文教程)
本文详解如何下载Postman历史版本,涵盖卸载当前版本、查找官方发布记录及旧版下载链接,并探讨版本管理痛点,引出Apifox等集成化接口测试工具的优势,助力开发测试更高效。
Postman 旧版本下载方法全解(图文教程)
|
Java 关系型数据库 应用服务中间件
零基础服务器搭建教程:30分钟快速部署你的第一台服务器
入职小白突遭“下马威”,首周被要求搭建包含 Odoo ERP、NGINX、MySQL 和 Java 应用的服务器,却从零基础开始摸索,历经系统配置、软件安装、服务部署等重重难关。在时间紧、技术难的困境中,意外发现一键部署工具 ,借助其自动化能力快速完成任务,不仅赢得老板认可,也开启了自主学习之路:从 systemd 到 NGINX 配置,从 Odoo 结构到 Shell 脚本编写,逐步成长为“能搭服务器的人”。
零基础服务器搭建教程:30分钟快速部署你的第一台服务器
|
Java 测试技术 容器
Jmeter工具使用:HTTP接口性能测试实战
希望这篇文章能够帮助你初步理解如何使用JMeter进行HTTP接口性能测试,有兴趣的话,你可以研究更多关于JMeter的内容。记住,只有理解并掌握了这些工具,你才能充分利用它们发挥其应有的价值。+
1672 23
|
NoSQL 安全 测试技术
接口测试用例设计的关键步骤与技巧解析
该文介绍了接口测试的设计和实施,包括测试流程、质量目标和用例设计方法。接口测试在需求分析后进行,关注功能、性能、安全等六项质量目标。流程包括网络监听(如TcpDump, WireShark)和代理工具(Charles, BurpSuite, mitmproxy, Fiddler, AnyProxy)。设计用例时,需考虑基本功能流程、输入域测试(如边界值、特殊字符、参数类型、组合参数、幂等性)、线程安全(并发和分布式测试)以及故障注入。接口测试用例要素包括模块、标题、优先级、前置条件、请求方法等。文章强调了保证接口的幂等性和系统健壮性的测试重要性。
|
JSON 前端开发 JavaScript
前后端对接的常见问题、解决方法及实战心得
本文总结了前后端对接中的常见问题,如接口文档不清、返回格式不统一、参数错误、跨域等,并提供解决方法与实战协作建议,助力高效开发联调。
|
JSON JavaScript 测试技术
Postman 使用教程:从基础到高级
Postman是一款强大的API开发和测试工具,支持从基础请求发送到复杂API集成。本文详细介绍了Postman的基础使用,包括安装、界面概览、发送请求、设置请求头等,以及高级功能,如使用环境变量、创建请求集合、编写测试脚本及使用Newman进行命令行测试,帮助用户全面掌握Postman的使用技巧。
8119 28
Postman 使用教程:从基础到高级