苍穹外卖day10（2）WebSocket、来单提醒、客户催单

---

前言

websocket支持双向通信，通常用于数据实时更新。本项目中用于来单提醒和客户催单，当用户支付成功时，系统会提示客户来单；在用户端，客户点击催单按钮，系统会提示客户催单。

---

一、WebSocket

1. 概述

基于 TCP 的一种新的网络协议。它实现了浏览器与服务器全双工通信——浏览器和服务器只需要完成一次握手，两者之间就可以创建持久性的连接， 并进行双向数据传输。
应用场景
视频弹幕
网页聊天
体育实况更新
股票基金报价实时更新

2. HTTP协议和WebSocket协议对比

• HTTP是短连接
• WebSocket是长连接
• HTTP通信是单向的，基于请求响应模式
• WebSocket支持双向通信
• HTTP和WebSocket底层都是TCP连接

WebSocket缺点
服务器长期维护长连接需要一定的成本
各个浏览器支持程度不一
WebSocket 是长连接，受网络限制比较大，需要处理好重连

结论：WebSocket并不能完全取代HTTP，它只适合在特定的场景下使用

3. 实现步骤

1、直接使用websocket.html页面作为WebSocket客户端
2、导入WebSocket的maven坐标
3、导入WebSocket服务端组件WebSocketServer，用于和客户端通信
4、导入配置类WebSocketConfiguration，注册WebSocket的服务端组件
5、导入定时任务类WebSocketTask，定时向客户端推送数据

二、来单提醒

1. 业务规则

用户下单并且支付成功后，需要第一时间通知外卖商家。通知的形式有如下两种：

• 语音播报
• 弹出提示框

2. 接口设计

1. 通过WebSocket实现管理端页面和服务端保持长连接状态
2. 当客户支付后，调用WebSocket的相关API实现服务端向客户端推送消息
3. 客户端浏览器解析服务端推送的消息，判断是来单提醒还是客户催单，进行相应的消息提示和语音播报
4. 约定服务端发送给客户端浏览器的数据格式为JSON，字段包括：type，orderId，content
   type 为消息类型，1为来单提醒 2为客户催单
   orderId 为订单id
   content 为消息内容

3. 代码实现

1、在config包下设置WebSocketConfiguration配置类

@Configuration
public class WebSocketConfiguration {
   
  @Bean
   public ServerEndpointExporter serverEndpointExporter() {