苍穹外卖(八) 使用WebSocket协议完成来单提醒及客户催单功能

最新推荐文章于 2025-03-13 14:15:42 发布
最新推荐文章于 2025-03-13 14:15:42 发布
阅读量3.4k 收藏 8
点赞数 1
分类专栏： 苍穹外卖总结 文章标签： websocket 网络协议 网络 spring
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47786582/article/details/133847703
版权

WebSocket介绍

WebSocket 是基于 TCP 的一种新的网络协议。它实现了浏览器与服务器全双工通信(双向传输)——浏览器和服务器只需要完成一次握手，两者之间就可以创建持久性的连接， 并进行双向数据传输。

HTTP协议和WebSocket协议对比：

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

 

思考：既然WebSocket支持双向通信，功能看似比HTTP强大，那么我们是不是可以基于WebSocket开发所有的业务功能？

WebSocket缺点：

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

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

WebSocket应用场景：

1). 视频弹幕

2). 网页聊天  (最典型)

3). 体育实况更新 

 

来单提醒

需求分析和设计

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

  • 语音播报 
  • 弹出提示框

 

设计思路：

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

 代码开发 

在OrderServiceImpl中注入WebSocketServer对象，修改paySuccess方法，加入如下代码： 

 当商家管理端浏览器接收到这个消息, 就是前端代码负责的了

客户催单

需求分析和设计 

用户在小程序中点击催单按钮后，需要第一时间通知外卖商家。通知的形式有如下两种：

  • 语音播报 
  • 弹出提示框

 

设计思路：

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

当用户点击催单按钮时，向服务端发送请求。

代码开发

Controller层

根据用户催单的接口定义，在user/OrderController中创建催单方法：

 

Service层实现类

在OrderServiceImpl中实现reminder方法：

Mapper层

在OrderMapper中添加getById：

 

演示

用户进行催单

用户可在订单列表或者订单详情，进行催单

 

查看催单提醒

苍穹外卖-day10-来单提醒业务-websocket
m0_64520231的博客
05-02 822
苍穹外卖-day10-来单提醒业务-websocket
苍穹外卖day10（2）WebSocket、来单提醒、客户催单
qq_51076441的博客
04-22 1501
websocket支持双向通信，通常用于数据实时更新。本项目中用于来单提醒和客户催单，当用户支付成功时，系统会提示客户来单；在用户端，客户点击催单按钮，系统会提示客户催单。
苍穹外卖-跳过微信支付步骤-修改来单提醒
weixin_51755664的博客
03-13 680
苍穹外卖跳过微信支付代码修改
苍穹外卖-WebSocket
m0_72836751的博客
09-05 426
WebSocket是基于TCP的一种新的网络协议。它实现了浏览器与服务器全双工通信----浏览器和服务器只需要完成一次握手，两者之间就可以创建持久性的连接，并进行双向数据传输。HTTP协议和WebSocket协议对比：--HTTP是短连接--WebSocket是长连接--HTTP通信是单向的，基于请求响应模式--WebSocket支持双向通信--HTTP和WebSocket底层都是TCP连接应用场景：--视频弹幕--网页聊天--体育实况更新。
苍穹外卖-来单提醒
m0_72836751的博客
09-05 808
用户下单并且支付成功后，需要第一时间通知外卖商家。通知的形式有如下两种：--语言播报--弹出提示框--通过WebSocket实现管理端页面和服务端保持长连接状态--当客户支付后，调用WebSocket的相关API实现服务端向客户端推送消息--客户端浏览器解析服务端推送的消息，判断是来电提醒还是客户催单，进行相应的消息提醒和语言播报--约定服务端发送给客户端浏览器的数据格式为JSON，字段包括：typeorderIdcontent- type为消息类型，1为来单提醒2为客户催单。
苍穹外卖--来单提醒功能
TTy_s的博客
06-06 1014
用户下单并且支付成功后，通知外卖商家1、语音播报2、弹出提示框。
苍穹外卖来单提醒业务开发（详细解答前后端实现，小程序实现，涵盖源码）
rnnf_yyds的博客
04-09 1979
在做这个业务板块的时候，来单和催单基于websocket长连接技术实现，一直想实现，并且集成到若依后台，翻阅苍穹外卖的前端源码发现其实就是根据vue的生命周期整合websocket几个回调函数，实现播放语音，前端结合elementUI中的notify通知实现在系统右上方推送消息，小程序端催单就是点击按钮发起一次请求即可。
黑马苍穹外卖8 Spring Task+WebSocket 来单提醒和客户催单
weixin_44040169的博客
06-26 1137
Spring Task（cron）+WebSocket 双向数据通信（来单提醒和客户催单）
day10-订单状态定时处理、来单提醒和客户催单
03-09
通过上述内容的学习，我们了解了如何利用Spring Task实现订单状态的定时处理，如何利用WebSocket实现实时的来单提醒功能，以及如何响应客户的催单请求。这些技术的应用可以大大提高系统的自动化程度和服务质量，从而...
Day11 苍穹外卖项目 SpringTask、订单状态定时处理、WebSocket提示来单提醒以及客户催单
2301_77358195的博客
12-16 977
WebSocket 是基于 TCP 的一种新的网络协议。它实现了浏览器与服务器全双工通信——浏览器和服务器只需要完成一次握手，两者之间就可以创建持久性的连接， 并进行双向数据传输。Http也是基于TCP的一种网络协议。Http是无状态的（服务器不会存储客户端上一次请求的信息，而是发送新的请求）。一次请求对应一次响应。HTTP是短连接WebSocket是长连接HTTP通信是单向的通信，基于请求响应模式WebSocket支持双向通信HTTP和WebSocket底层都是TCP连接。
苍穹外卖-day10（Spring Task & WebSocket）
ioncannontic的博客
02-04 661
Spring Task、订单状态定时处理、WebSocket、来单提醒、客户催单
苍穹外卖 -- day10- Spring Task- 订单状态定时处理- WebSocket- 来单提醒- 客户催单
ros275229的博客
02-27 3126
苍穹外卖 -- day10- Spring Task- 订单状态定时处理- WebSocket- 来单提醒- 客户催单
《苍穹外卖》项目学习记录-Day10来单提醒
m0_57047579的博客
02-01 844
它是先请求到来nginx，由nginx反向代理转发到了我们后端，也就是说WebSocket这一次请求通过nginx进行了一次转发，才转发到了后端。前提是我们提前在nginx配置好了这个路径，这样客户端跟服务端握好手了，这个长连接就建立好了。是用户下了某个单或者催促某个订单，这个时候才会有相应的提醒，具体当前提醒的是哪个订单，我们也需要把这个订单id给提交过来。content：表示具体的提醒内容，提示框会显示文字，这些文字就是我们具体推过来的这个内容content。
苍穹外卖07——来单提醒和客户催单（涉及SpringTask、WebSocket协议、苍穹外卖跳过微信支付同时保证可以收到订单功能）
2301_80412275的博客
01-08 536
苍穹外卖07——来单提醒和客户催单（涉及SpringTask、WebSocket协议、苍穹外卖跳过微信支付同时保证可以收到订单功能）
[苍穹外卖]-10WebSocket入门与实战
.
09-13 1104
WebSocket是基于TCP的一种新的网络协议, 实现了浏览器与服务器的全双工通信, 即一次握手,建立持久连接,双向数据传输。功能测试: 启动前端页面, 建立WebSocket连接, 服务端通过定时任务类定时给前端推送消息, 前端也可以给服务端发送消息。需求分析: 用户下单并且支付成功后, 需要在第一时间通知外卖商家, 通知的形式是 语音提醒 + 弹出提示框。需求分析: 用户在小程序中点击催单按钮后, 需要通知外卖商家, 通知形式是语音播报 + 弹出提示框。
《苍穹外卖》知识梳理P9-定时任务、来单提醒与用户催单
linjianshaonian_的博客
02-18 2699
修改支付成功业务层代码OrderServiceImpl.paySuccess,这里代码中所指出的客户端是商家管理端（由于商家可能打开了多个管理端页面，所以向所有与websocket-server建立了连接的管理端都推送了订单通知）此时生成了一个域名并被映射到localhost:8080，使用临时域名访问swagger接口文档（注意复制时如果cmd窗口无法复制，可以右键点击“标记”，在此之后便可以复制）由于前边使用的模拟微信支付，直接调用了支付成功的接口，所以并没有微信支付的相关配置；
苍穹外卖(十)订单状态定时处理、来单提醒和客户催单
weixin_69912448的博客
01-16 1004
是Spring框架提供的任务调度工具，可以按照约定的时间自动执行某个代码逻辑。**定位：**定时任务框架**作用：**定时自动执行某段Java代码为什么要在Java程序中使用Spring Task？1). 信用卡每月还款提醒2). 银行贷款每月还款提醒3). 火车票售票系统处理未支付订单4). 入职纪念日为用户发送通知**强调：**只要是需要定时处理的场景都可以使用Spring TaskWebSocket 是基于 TCP 的一种新的网络协议。
itheima苍穹外卖项目学习笔记--Day10: 订单状态定时处理/来单提醒和客户催单
weixin_46926189的博客
07-18 1691
它实现了浏览器与服务器全双工通信——浏览器和服务器只需要完成一次握手，两者之间就可以创建持久性的连接， 并进行双向数据传输。Spring Task 是Spring框架提供的任务调度工具，可以按照约定的时间自动执行某个代码逻辑。在OrderServiceImpl的适当位置中写入代码，通过Websocket向客户端浏览器推送消息。在OrderServiceImpl中，实现客户催单的方法，及其父类接口。创建task/OrderTask类，为定时任务类，定时出来订单状态。3.自定义定时任务类。
苍穹外卖-day10：Spring Task、订单状态定时处理、来单提醒（WebSocket的应用）、客户催单（WebSocket的应用）
aa35434的博客
03-18 2795
是Spring框架提供的任务调度工具，可以按照约定的时间自动执行某个代码逻辑。定位：定时任务框架作用：定时自动执行某段Java代码为什么要在Java程序中使用Spring Task？1). 信用卡每月还款提醒2). 银行贷款每月还款提醒3). 火车票售票系统处理未支付订单4). 入职纪念日为用户发送通知强调只要是需要定时处理的场景都可以使用Spring TaskWebSocket 是基于 TCP 的一种新的网络协议。
苍穹外卖day10websocket
最新发布
03-29
<think>嗯，用户想了解苍穹外卖项目中第10天关于WebSocket的实现教程或细节。我需要先回顾提供的三个引用内容，看看里面有没有相关的信息。 引用[1]提到课程内容包括Spring Task、订单状态定时处理、WebSocket的来单提醒和客户催单。这说明第10天的课程确实涉及WebSocket的应用。引用[2]和[3]都提到了在OrderServiceImpl中注入WebSocketServer对象，并在支付成功后发送提醒。看来用户需要的是具体的实现步骤，比如如何配置WebSocket、服务端和客户端的代码，以及业务逻辑的处理。 用户的问题可能包括如何建立WebSocket连接，服务端如何接收和处理消息，以及如何在前端展示提醒。需要分步骤解释，可能需要包括代码示例，如配置类、服务端端点、消息发送的时机等。同时，要注意引用中的代码片段，比如在paySuccess方法中加入发送消息的代码，这部分需要详细说明。 另外，用户可能还想知道WebSocket在订单提醒和客户催单中的具体应用场景，以及可能的优化方法。比如，如何确保消息的可靠传递，或者如何处理大量并发连接。不过根据引用内容，可能主要聚焦在基础实现上，所以先回答核心实现步骤，再生成相关问题。</think>### 苍穹外卖项目Day10 WebSocket实现详解 根据引用内容，苍穹外卖项目第10天通过WebSocket实现了**来单提醒**和**客户催单**功能，以下是具体实现步骤与逻辑： --- ### 一、WebSocket核心实现步骤 #### 1. **WebSocket服务端配置** ```java @ServerEndpoint("/websocket/{sid}") @Component public class WebSocketServer { // 存储会话对象和商户ID的映射 private static ConcurrentHashMap<String, Session> sessionMap = new ConcurrentHashMap<>(); @OnOpen public void onOpen(Session session, @PathParam("sid") String sid) { sessionMap.put(sid, session); // 商户连接时绑定会话 } @OnMessage public void onMessage(String message) { // 处理客户端发送的催单消息 } @OnClose public void onClose(@PathParam("sid") String sid) { sessionMap.remove(sid); // 断开连接时移除会话 } } ``` [^3] #### 2. **订单支付成功后触发提醒** 在支付成功逻辑中注入WebSocket服务，向指定商户推送消息： ```java // OrderServiceImpl.java @Autowired private WebSocketServer webSocketServer; public void paySuccess(String orderId) { // 更新订单状态... // 通过WebSocket推送新订单提醒 webSocketServer.sendToAllClient("新订单：" + orderId + " 已支付"); } ``` [^2] #### 3. **前端接收消息（示例）** ```javascript let socket = new WebSocket('ws://localhost:8080/websocket/商户ID'); socket.onmessage = function(event) { alert('系统提醒：' + event.data); // 弹窗显示催单或新订单 }; ``` --- ### 二、关键业务场景实现 #### 1. **来单提醒流程 $$流程图：商户端WebSocket连接 \rightarrow 支付成功触发推送 \rightarrow 前端弹窗/声音提醒$$ [^1] #### 2. **客户催单处理** 客户发起催单时，系统通过WebSocket实时通知对应商户： ```java // 在催单服务方法中 webSocketServer.sendToClient(商户ID, "订单" + orderId + "客户催单"); ``` --- ### 三、技术要点总结 | 技术点 | 实现方式 | 引用来源 | |--------------|-----------------------------------|------------| | 连接绑定 | 商户ID与会话映射存储 | | | 消息广播 | `sendToAllClient()`方法遍历会话 | | | 状态同步 | 支付成功后立即触发WebSocket推送 | | ---
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值