在Laravel WebSockets中实现连接生命周期管理与业务逻辑绑定

在Laravel WebSockets中实现连接生命周期管理与业务逻辑绑定

本教程将指导您如何在laravel websockets中定制连接的生命周期事件,包括连接的打开与关闭。通过扩展默认的websocket处理器,我们将演示如何捕获并关联客户端的业务上下文(如用户id、订单id),从而在连接断开时执行特定的业务逻辑,例如自动解锁正在处理的订单,实现对应用资源的精确状态管理。

引言:定制WebSocket连接的必要性

在实时应用开发中,WebSocket连接不仅仅是数据传输的通道,它更代表了客户端与服务器之间的一种持续性会话。很多业务场景需要我们能够感知并响应这些会话的生命周期事件,例如:

资源锁定与解锁:当用户打开一个订单页面进行编辑时,锁定该订单以防止其他用户同时修改;当用户关闭页面或断开连接时,自动解锁订单。用户在线状态:实时显示用户的在线或离线状态。协作编辑:跟踪文档编辑者的连接状态,实现实时协作。

Laravel WebSockets 包(Beyondcode 的 Pusher 替代方案)提供了强大的功能,但其默认处理器可能无法满足所有复杂的业务需求。为了实现上述场景,我们需要扩展其核心处理器,介入连接的打开、关闭及消息处理过程,并注入自定义的业务逻辑。

理解WebSocket处理器

Laravel WebSockets 的核心是 BeyondCodeLaravelWebSocketsWebSocketsWebSocketHandler 接口,它定义了处理WebSocket连接生命周期的方法:

onOpen(ConnectionInterface $connection, RequestInterface $request, $appId): 当新的WebSocket连接建立时调用。onClose(ConnectionInterface $connection): 当WebSocket连接关闭时调用。onMessage(ConnectionInterface $connection, MessageInterface $msg): 当收到来自客户端的消息时调用。onError(ConnectionInterface $connection, Exception $e): 当连接发生错误时调用。onPong(ConnectionInterface $connection, MessageInterface $msg): 当收到客户端的 Pong 消息时调用。

通常,我们不是直接实现 WebSocketHandler 接口,而是继承 BeyondCodeLaravelWebSocketsWebSocketsPusherHandler。PusherHandler 已经实现了 Pusher 协议的诸多细节,我们可以在此基础上重写或增强特定方法,以集成我们的业务逻辑。

创建自定义WebSocket处理器

为了定制连接行为,我们首先需要创建一个自定义的处理器类。我们将使用 SplObjectStorage 来存储与每个连接关联的业务上下文数据,因为 ConnectionInterface 对象是唯一的且可以作为 SplObjectStorage 的键。

首先,在 app/WebSockets 目录下创建 CustomWebSocketHandler.php 文件:

// app/WebSockets/CustomWebSocketHandler.phpconnections = new SplObjectStorage();    }    /**     * 当新的WebSocket连接建立时调用。     *     * @param ConnectionInterface $connection     * @param PsrHttpMessageRequestInterface $request     * @param string $appId     * @return void     */    public function onOpen(ConnectionInterface $connection, PsrHttpMessageRequestInterface $request, $appId)    {        // 调用父类的onOpen方法,确保Pusher协议的正常初始化        parent::onOpen($connection, $request, $appId);        Log::info("Connection opened: {$connection->resourceId}");        // 尝试从请求中获取业务上下文,例如用户ID或订单ID        // 客户端可以通过WebSocket URL的查询参数传递这些信息        $queryParams = $request->getQueryParams();        $userId = $queryParams['user_id'] ?? null;        $orderId = $queryParams['order_id'] ?? null;        // 存储连接与业务上下文        $this->connections->attach($connection, [            'resource_id' => $connection->resourceId,            'user_id' => $userId,            'order_id' => $orderId,            'connected_at' => now(),            'channels' => [], // 用于存储该连接订阅的频道        ]);        if ($orderId) {            Log::info("Order {$orderId} is now being processed by user {$userId} via connection {$connection->resourceId}");            // 触发事件以锁定订单            event(new AppEventsOrderLocked($orderId, $userId, $connection->resourceId));        }    }    /**     * 当收到客户端消息时调用。     *     * @param ConnectionInterface $connection     * @param RatchetMessageComponentMessageInterface $msg     * @return void     */    public function onMessage(ConnectionInterface $connection, RatchetMessageComponentMessageInterface $msg)    {        parent::onMessage($connection, $msg);        $payload = json_decode($msg->getPayload());        // 进一步处理消息,例如当客户端订阅特定频道时更新上下文        if (isset($payload->event) && $payload->event === 'pusher:subscribe' && isset($payload->data->channel)) {            $channelName = $payload->data->channel;            $context = $this->connections->offsetGet($connection);            $context['channels'][] = $channelName;            $this->connections->offsetSet($connection, $context); // 更新存储的上下文            Log::info("Connection {$connection->resourceId} subscribed to channel: {$channelName}");            // 如果频道名包含订单ID,可以进一步提取并更新            if (preg_match('/^private-order.(d+)$/', $channelName, $matches)) {                $orderId = $matches[1];                if ($context['order_id'] !== $orderId) {                    Log::warning("Connection {$connection->resourceId} subscribed to order {$orderId}, but initial order was {$context['order_id']}");                    // 可以在这里更新或处理冲突                }            }        }    }    /**     * 当WebSocket连接关闭时调用。     *     * @param ConnectionInterface $connection     * @return void     */    public function onClose(ConnectionInterface $connection)    {        Log::info("Connection closed: {$connection->resourceId}");        // 确保该连接存在于我们的存储中        if ($this->connections->contains($connection)) {            $context = $this->connections->offsetGet($connection);            $userId = $context['user_id'];            $orderId = $context['order_id'];            if ($orderId) {                Log::info("Order {$orderId} is no longer processed by user {$userId} via connection {$connection->resourceId}");                // 触发事件以解锁订单                event(new AppEventsOrderUnlocked($orderId, $userId, $connection->resourceId));            }            // 清理连接上下文            $this->connections->detach($connection);        }        // 调用父类的onClose方法        parent::onClose($connection);    }    /**     * 当连接发生错误时调用。     *     * @param ConnectionInterface $connection     * @param Exception $e     * @return void     */    public function onError(ConnectionInterface $connection, Exception $e)    {        Log::error("Connection error for {$connection->resourceId}: " . $e->getMessage());        parent::onError($connection, $e);    }}

代码说明:

SplObjectStorage $connections: 这是关键,用于存储每个 ConnectionInterface 对象及其关联的业务数据。onOpen 方法:在调用 parent::onOpen 之后,我们从 RequestInterface $request 的查询参数中尝试提取 user_id 和 order_id。将这些信息与 connection 对象一起存储到 $this->connections 中。如果成功获取到 orderId,则触发一个 OrderLocked 事件,通知应用层锁定该订单。onMessage 方法 (可选但推荐):此方法用于处理客户端发送的所有消息。在这里,我们特别关注 pusher:subscribe 事件。当客户端订阅一个频道时,我们可以解析频道名称(例如 private-order.123),从中提取更具体的业务ID,并更新 SplObjectStorage 中该连接的上下文信息。这在初始 onOpen 无法获得所有上下文时非常有用。onClose 方法:在连接关闭时,我们通过 ConnectionInterface $connection 从 $this->connections 中检索之前存储的业务上下文。根据上下文中的 order_id,触发一个 OrderUnlocked 事件,通知应用层解锁订单。最后,从 $this->connections 中移除该连接的上下文,防止内存泄漏。onError 方法: 记录错误信息,以便调试。

定义业务事件

为了解耦 WebSocket 处理器与具体的业务逻辑,我们推荐使用 Laravel 事件。

OrderLocked 事件:

// app/Events/OrderLocked.phporderId = $orderId;        $this->userId = $userId;        $this->connectionId = $connectionId;    }}

OrderUnlocked 事件:

// app/Events/OrderUnlocked.phporderId = $orderId;        $this->userId = $userId;        $this->connectionId = $connectionId;    }}

然后,您可以在 app/Listeners 中创建相应的监听器来处理这些事件,例如更新数据库中的订单状态。

注册自定义处理器

最后一步是告诉 Laravel WebSockets 使用您的自定义处理器。修改 config/websockets.php 文件:

// config/websockets.phpreturn [    // ... 其他配置    'handler' => AppWebSocketsCustomWebSocketHandler::class,    // ... 其他配置];

客户端实现

为了让 onOpen 方法能够获取到 user_id 和 order_id,客户端在建立 WebSocket 连接时需要将这些信息作为查询参数传递。

使用 Laravel Echo 和 JavaScript:

import Echo from 'laravel-echo';window.Pusher = require('pusher-js');// 假设您在后端视图中将这些ID传递给前端const currentUserId = @json(auth()->id());const currentOrderId = @json($order->id ?? null); // 如果在订单页面window.Echo = new Echo({    broadcaster: 'pusher',    key: process.env.MIX_PUSHER_APP_KEY,    wsHost: window.location.hostname,    wsPort: 6001

以上就是在Laravel WebSockets中实现连接生命周期管理与业务逻辑绑定的详细内容,更多请关注php中文网其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1339205.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月13日 02:44:12
下一篇 2025年12月13日 02:44:28

相关推荐

  • SASS 中的 Mixins

    mixin 是 css 预处理器提供的工具,虽然它们不是可以被理解的函数,但它们的主要用途是重用代码。 不止一次,我们需要创建多个类来执行相同的操作,但更改单个值,例如字体大小的多个类。 .fs-10 { font-size: 10px;}.fs-20 { font-size: 20px;}.fs-…

    2025年12月24日
    000
  • HTMLrev 上的免费 HTML 网站模板

    HTMLrev 是唯一的人工策划的库专门专注于免费 HTML 模板,适用于由来自世界各地慷慨的模板创建者制作的网站、登陆页面、投资组合、博客、电子商务和管理仪表板世界。 这个人就是我自己 Devluc,我已经工作了 1 年多来构建、改进和更新这个很棒的免费资源。我自己就是一名模板制作者,所以我知道如…

    2025年12月24日
    300
  • 如何使用 Laravel 框架轻松整合微信支付与支付宝支付?

    如何通过 laravel 框架整合微信支付与支付宝支付 在 laravel 开发中,为电商网站或应用程序整合支付网关至关重要。其中,微信支付和支付宝是中国最流行的支付平台。本文将介绍如何使用 laravel 框架封装这两大支付平台。 一个简单有效的方法是使用业内认可的 easywechat lara…

    2025年12月24日
    000
  • Laravel 框架中如何无缝集成微信支付和支付宝支付?

    laravel 框架中微信支付和支付宝支付的封装 如何将微信支付和支付宝支付无缝集成到 laravel 框架中? 建议解决方案 考虑使用 easywechat 的 laravel 版本。easywechat 是一个成熟、维护良好的库,由腾讯官方人员开发,专为处理微信相关功能而设计。其 laravel…

    2025年12月24日
    300
  • 如何在 Laravel 框架中轻松集成微信支付和支付宝支付?

    如何用 laravel 框架集成微信支付和支付宝支付 问题:如何在 laravel 框架中集成微信支付和支付宝支付? 回答: 建议使用 easywechat 的 laravel 版,easywechat 是一个由腾讯工程师开发的高质量微信开放平台 sdk,已被广泛地应用于许多 laravel 项目中…

    2025年12月24日
    000
  • 使用Laravel框架如何整合微信支付和支付宝支付?

    使用 Laravel 框架整合微信支付和支付宝支付 在使用 Laravel 框架开发项目时,整合支付网关是常见的需求。对于微信支付和支付宝支付,推荐采用以下方法: 使用第三方库:EasyWeChat 的 Laravel 版本 建议直接使用现有的 EasyWeChat 的 Laravel 版本。该库由…

    2025年12月24日
    000
  • 如何将微信支付和支付宝支付无缝集成到 Laravel 框架中?

    如何简洁集成微信和支付宝支付到 Laravel 问题: 如何将微信支付和支付宝支付无缝集成到 Laravel 框架中? 答案: 强烈推荐使用流行的 Laravel 包 EasyWeChat,它由腾讯开发者维护。多年来,它一直保持更新,提供了一个稳定可靠的解决方案。 集成步骤: 安装 Laravel …

    2025年12月24日
    100
  • React 或 Vite 是否会自动加载 CSS?

    React 或 Vite 是否自动加载 CSS? 在 React 中,如果未显式导入 CSS,而页面却出现了 CSS 效果,这可能是以下原因造成的: 你使用的第三方组件库,例如 AntD,包含了自己的 CSS 样式。这些组件库在使用时会自动加载其 CSS 样式,无需显式导入。在你的代码示例中,cla…

    2025年12月24日
    000
  • React 和 Vite 如何处理 CSS 加载?

    React 或 Vite 是否会自动加载 CSS? 在 React 中,默认情况下,使用 CSS 模块化时,不会自动加载 CSS 文件。需要手动导入或使用 CSS-in-JS 等技术才能应用样式。然而,如果使用了第三方组件库,例如 Ant Design,其中包含 CSS 样式,则这些样式可能会自动加…

    2025年12月24日
    000
  • ElementUI el-table 子节点选中后为什么没有打勾?

    elementui el-table子节点选中后没有打勾? 当您在elementui的el-table中选择子节点时,但没有出现打勾效果,可能是以下原因造成的: 在 element-ui 版本 2.15.7 中存在这个问题,升级到最新版本 2.15.13 即可解决。 除此之外,请确保您遵循了以下步骤…

    2025年12月24日
    200
  • 您不需要 CSS 预处理器

    原生 css 在最近几个月/几年里取得了长足的进步。在这篇文章中,我将回顾人们使用 sass、less 和 stylus 等 css 预处理器的主要原因,并向您展示如何使用原生 css 完成这些相同的事情。 分隔文件 分离文件是人们使用预处理器的主要原因之一。尽管您已经能够将另一个文件导入到 css…

    2025年12月24日
    000
  • CSS 中如何正确使用 box-shadow 设置透明度阴影?

    css 中覆盖默认 box-shadow 样式时的报错问题 在尝试修改导航栏阴影时遇到报错,分析发现是 box-shadow 样式引起的问题。 问题原因 使用 !important 仍无法覆盖默认样式的原因在于,你使用了 rgb() 而不是 rgba(),这会导致语法错误。 立即学习“前端免费学习笔…

    2025年12月24日
    300
  • 为何scss中嵌套使用/*rtl:ignore*/无法被postcss-rtl插件识别?

    postcss-rtl插件为何不支持在scss中嵌套使用/*rtl:ignore*/ 在使用postcss-rtl插件时,如果希望对某个样式不进行转换,可以使用/*rtl:ignore*/在选择器前面进行声明。然而,当样式文件为scss格式时,该声明可能会失效,而写在css文件中则有效。 原因 po…

    2025年12月24日
    000
  • Sass 中使用 rgba(var –color) 时的透明度问题如何解决?

    rgba(var –color)在 Sass 中无效的解决方法 在 Sass 中使用 rgba(var –color) 时遇到透明问题,可能是因为以下原因: 编译后的 CSS 代码 rgba($themeColor, 0.8) 在编译后会变为 rgba(var(–…

    2025年12月24日
    000
  • ## PostCSS vs. Sass/Less/Stylus:如何选择合适的 CSS 代码编译工具?

    PostCSS 与 Sass/Less/Stylus:CSS 代码编译转换中的异同 在 CSS 代码的编译转换领域,PostCSS 与 Sass/Less/Stylus 扮演着重要的角色,但它们的作用却存在细微差异。 区别 PostCSS 主要是一种 CSS 后处理器,它在 CSS 代码编译后进行处…

    2025年12月24日
    000
  • SCSS 简介:增强您的 CSS 工作流程

    在 web 开发中,当项目变得越来越复杂时,编写 css 可能会变得重复且具有挑战性。这就是 scss (sassy css) 的用武之地,它是一个强大的 css 预处理器。scss 带来了变量、嵌套、混合等功能,使开发人员能够编写更干净、更易于维护的代码。在这篇文章中,我们将深入探讨 scss 是…

    2025年12月24日
    000
  • 在 Sass 中使用 Mixin

    如果您正在深入研究前端开发世界,那么您很可能遇到过sass(语法很棒的样式表)。 sass 是一个强大的 css 预处理器,它通过提供变量、嵌套、函数和 mixins 等功能来增强您的 css 工作流程。在这些功能中,mixins 作为游戏规则改变者脱颖而出,允许您有效地重用代码并保持样式表的一致性…

    2025年12月24日
    200
  • SCSS:创建模块化 CSS

    介绍 近年来,css 预处理器的使用在 web 开发人员中显着增加。 scss (sassy css) 就是这样一种预处理器,它允许开发人员编写模块化且可维护的 css 代码。 scss 是 css 的扩展,添加了更多特性和功能,使其成为设计网站样式的强大工具。在本文中,我们将深入探讨使用 scss…

    2025年12月24日
    000
  • SCSS – 增强您的 CSS 工作流程

    在本文中,我们将探索 scss (sassy css),这是一个 css 预处理器,它通过允许变量、嵌套规则、mixins、函数等来扩展 css 的功能。 scss 使 css 的编写和维护变得更加容易,尤其是对于大型项目。 1.什么是scss? scss 是 sass(syntropically …

    2025年12月24日
    000
  • 如何正确使用 CSS:简洁高效样式的最佳实践

    层叠样式表 (css) 是 web 开发中的一项基本技术,允许设计人员和开发人员创建具有视觉吸引力和响应灵敏的网站。然而,如果没有正确使用,css 很快就会变得笨拙且难以维护。在本文中,我们将探索有效使用 css 的最佳实践,确保您的样式表保持干净、高效和可扩展。 什么是css? css(层叠样式表…

    2025年12月24日
    000

发表回复

登录后才能评论
关注微信