我是这样搞懂一个神奇的BUG

摘要:通过分析用户的行为，才想得到为什么会出现这种情况！

目前创新互联建站已为超过千家的企业提供了网站建设、域名、雅安服务器托管、绵阳服务器托管、企业网站设计、新华网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

本文逻辑：

1. 发现问题，截图示意
2. 解决问题的过程记录
3. 总结用处，并软推荐一发

前两天在BearyChat收到这样的一个报警消息:

409？Conflict？ 平时很少遇到这样的错误，貌似很严重的样子，吓得我赶紧查看到底发生了什么。
仔细查看错误详情发现是因为使用同一个邮箱账号多次注册导致后面的请求数据库直接报错。

但是，不应该啊！我们是事先有做检查的。如果该邮箱已经被注册，会提醒并且不让注册的。难道对方是个***，直接调用API发请求？如果是这样那就更加危险了，我们已经被盯上了！

可是这样做对他也没什么好处啊，并且IP显示为国内地址，如果真的是他好歹用国外的地址吧。想了想，还是仔细分析到底出了什么问题吧。

再往下一看，发现自己完全是多想了。如果是***的话，下面的用户行为就把他给完全暴露了！

这些用户行为记录默认按照倒序排列，我们可以从下往上一条条看用户的使用轨迹。通过用户行为可以得知出错前的整个操作流程：

• 打开我们网站的首页
• 点击“免费试用“进入注册页面
• 输入邮箱
• 输入密码
• 再次出入密码
• 点击创建团队
• 点击创建团队
• 团队创建成功
• 报错

那么问题来了：有没有什么异常的行为？
答：有！他点击了创建团队两次。

凭着我敏锐的嗅觉意识到可能是由于用户快速点击"创建团队"按钮两次导致。通过时间记录发现第一次点击是在1.86m，第二次在1.87m。也就是说：用户在很短的时间内快速点击了两次。

刚刚的用户行为记录过滤了网络请求，接下里我们结合网络请求一起分析：

可以发现有两个/members/email的GET请求，并且都成功返回404，这里代码的意思是指该邮箱尚未被注册，可以被使用。一个/members/create请求成功返回200，表示账户创建成功。最后报错的/members/create请求失败返回409。

到这里基本确定出错原因就是由于用户快速点击创建团队导致。
有没有这种可能呢，尝试复现一下看看呗！于是，我打开了注册页面，输入邮箱和密码，然后以超快的手速点击创建团队N次。哈哈哈哈，不出所料，被我成功复现了！

只要能够成功复现，这个BUG基本上就算被解决了，接下来就是去分析如何优化代码防止出现这种情况了。有两个思路：1. 用户点击之后，设置被点击的按钮无效直到点击请求完全被处理；2. 将验证邮箱是否存在的和创建团队两个异步事件想办法合并为一个原子操作。综合考虑，决定使用第一种方案。因为实现简单，对现有代码改动不大。

总的来说：当在没有堆栈信息或者报错信息难以理解的时候，Fundebug记录的用户行为真的很有用。五星推荐前端开发接入到项目中！

关于Fundebug

Fundebug专注于JavaScript、微信小程序、微信小游戏、支付宝小程序、React Native、Node.js和Java实时BUG监控。 自从2016年双十一正式上线，Fundebug累计处理了7亿+错误事件，得到了Google、360、金山软件、百姓网等众多知名用户的认可。欢迎免费试用！

版权声明

转载时请注明作者Fundebug以及本文地址：

https://blog.fundebug.com/2017/09/06/fundebug-user-behavior-help-debug/