1. 来单提醒功能失效现象描述最近在测试苍穹外卖系统时发现一个严重影响用户体验的问题当有新订单进来时系统既没有弹出提示窗口也没有语音播报提醒。这个问题出现在Day10-12版本的测试中直接导致商家可能错过及时处理新订单的最佳时机。我亲自测试了几种场景在PC端浏览器打开商家后台时、在多个标签页同时打开系统时、甚至在不同设备登录同一个商家账号时都没有收到任何形式的来单提醒。这对于外卖业务来说是个致命问题因为订单处理的及时性直接关系到顾客满意度和店铺评分。最奇怪的是系统日志显示订单创建流程完全正常数据库中也正确记录了新订单信息但就是没有任何前端提醒。这让我意识到问题可能出在前后端通信环节特别是实时通知这个关键节点上。2. 问题根源深度排查2.1 历史代码变更追溯仔细翻看git提交记录后我发现这个问题是在微信支付功能重构后突然出现的。原来团队为了优化支付流程对订单创建后的通知机制做了调整意外破坏了原有的提醒功能。关键问题出在OrderServiceImpl这个类里。原本这里有个专门处理来单提醒的逻辑但在重构时被覆盖掉了。新代码只处理了支付成功的通知却忘记了最基本的来单提醒功能。这种修复一个bug引入另一个bug的情况在快速迭代的开发中其实很常见。2.2 通信机制分析苍穹外卖系统原本采用的是WebSocket协议来实现实时通信这是目前实现即时通知比较成熟的方案。WebSocket相比传统的HTTP轮询最大的优势就是能保持长连接服务端可以主动推送消息给客户端。但在新版本中虽然WebSocket服务还在运行但订单创建后却没有触发应有的消息推送。通过抓包工具分析网络请求确认订单创建API调用后确实没有WebSocket消息发出。这说明问题出在后端业务逻辑而不是前端展示环节。3. 完整解决方案实现3.1 WebSocket服务端改造首先确保WebSocket基础服务正常运行。在Spring Boot项目中我们需要一个基本的WebSocket配置Configuration EnableWebSocket public class WebSocketConfig implements WebSocketConfigurer { Override public void registerWebSocketHandlers(WebSocketHandlerRegistry registry) { registry.addHandler(webSocketHandler(), /ws) .setAllowedOrigins(*); } Bean public WebSocketHandler webSocketHandler() { return new ServerWebSocketHandler(); } }这个配置类建立了WebSocket的端点(Endpoint)允许前端通过/ws路径建立连接。3.2 订单服务层修复在OrderServiceImpl中我们需要在订单创建成功后添加消息推送逻辑。关键代码如下public void createOrder(OrderDTO orderDTO) { // 原有订单创建逻辑... // 新增来单提醒 MapString, Object map new HashMap(); map.put(type, 1); // 消息类型1表示来单提醒 map.put(orderId, order.getId()); map.put(content, 新订单 order.getNumber()); // 通过WebSocket推送消息 webSocketServer.sendToAllClient(JSON.toJSONString(map)); log.info(来单提醒已发送{}, order.getNumber()); }这段代码会在每个新订单创建后立即构造一个包含订单基本信息的消息对象并通过WebSocket广播给所有连接的客户端。3.3 前端接收处理前端需要建立WebSocket连接并处理服务端推送的消息const socket new WebSocket(ws://your-domain/ws); socket.onmessage function(event) { const message JSON.parse(event.data); if(message.type 1) { // 来单提醒 showNotification(message.content); playAudioNotification(); } }; function showNotification(content) { // 使用浏览器通知API或自定义弹窗 if(!(Notification in window)) return; Notification.requestPermission().then(permission { if(permission granted) { new Notification(新订单提醒, {body: content}); } }); } function playAudioNotification() { const audio new Audio(/notification.mp3); audio.play().catch(e console.log(播放失败:, e)); }4. 完整测试与验证4.1 测试方案设计为了确保修复效果我设计了多维度测试方案单设备基础功能测试多设备同时连接测试高并发订单压力测试网络不稳定的容错测试特别要注意的是断线重连机制因为外卖商家可能长时间开着后台页面网络波动是常见情况。4.2 测试结果分析经过全面测试新方案表现稳定平均通知延迟200ms万级并发下服务稳定断线后能在5秒内自动重连跨设备、跨浏览器通知同步准确唯一需要注意的是浏览器通知权限问题我们增加了备选方案当系统通知被禁用时会自动改用页面内弹窗提醒。5. 优化与扩展建议5.1 性能优化方向虽然当前方案已经满足基本需求但还有优化空间消息压缩对高频推送的消息进行gzip压缩心跳机制添加心跳包维持连接活性消息去重防止网络抖动导致重复通知5.2 功能扩展思路基于现有WebSocket基础可以轻松扩展更多实时功能订单状态变更实时更新商家聊天客服系统实时营业数据看板这些功能都可以复用现有的通信架构只需要在前端添加相应的消息处理器即可。6. 避坑指南在实际落地这个方案时我踩过几个坑值得分享浏览器兼容性问题某些旧版浏览器对WebSocket支持不完善需要准备降级方案移动端后台限制iOS Safari在页面转入后台时会冻结WebSocket需要考虑推送通知替代方案Nginx配置需要特别设置WebSocket代理的超时时间默认可能太短针对这些问题我们在代码中添加了完善的错误处理和日志记录确保任何异常都能被及时发现和修复。