以captcha插件使用为例
一、bug描述
在验证码验证页面出现错误:http://127.0.0.1:9999/login
二、buf分析
1.查看属性发现captchaId错误(obejct%20object)
2.查看初始化接口:http://127.0.0.1:8888/gxzk/common/captcha/init
代码为:
发现captchaId是正确的
3.查看验证码的显示接口:http://127.0.0.1:8888/gxzk/common/captcha/draw/da969a65755d43a885d3ec04cf9951c9
表明接口是PNG格式,并且是正确的,
4.进一步用前端调用查看:http://127.0.0.1:9999/gxzk/common/captcha/draw/e25ebb166f5b4a8db8fd7b4992f66d20
也是正确的。
5.初步判断captchaId传输错误,很可能是接口规格不统一
三、bug修改
1.参考上面的接口代码,接口规格应该是Captcha类型
2.复查验证码的显示接口
从代码看,接口数据类型是String,显然不一致
3.修改初始化(Init)接口
四、结果验证
1.验证页面
问题解消
2.复查接口
和修改之前的接口对照,可见差异所在
五、结论
1.前后端分类开发模式,为接口的调试提供了技术支撑
2.接口正确与否,前后端可以同时调试,本例子只是调试接口规格不一致的错误
3.如果接口一致的情况下,很容易发现前端或者后端的问题,然后进行联调,这方面以后在举例说明。