Laravel 5.7 中广播实践,使用websocket(Redis + socket.io) 技术接收

简介: Laravel 5.7 中广播实践,使用websocket(Redis + socket.io) 技术接收

用Laravel有一年多了,但是广播这块一直没涉及到,最近看着官方文档结合实用场景,使用最新版本的Laravel5.7做了一个小例子,具体流程如下:

  • 使用Laravel的广播机制触发广播事件,使用Redis驱动
  • 使用Laravel的队列读取事件,Redis驱动发布出去
  • laravel-echo-server通过Redis收听到该事件
  • laravel-echo-server通过socket.io将事件对象发送给laravel-echo
  • laravel-echo解析接收到的事件对象

创建项目

使用官方的集成环境Homestead,创建项目过程略过,直接从使用广播相关的部分开始。

  • 打开 config/app.php 找到 'provides' 属性,将 BroadcastServiceProvider 前的注释去掉。
  • 编辑 .env 文件,修改BROADCAST_DRIVER=redis
  • 创建广播事件,自动在app/Events和app/Listeners生成文件。
# php artisan make:event TriggerAlarm
  • 创建该事件的触发路由,routes/channels.php添加内容。
  • 项目增加 predis依赖
# composer require predis/predis

相关文件内容如下:
image
image

发布广播

  • 通过postman调用路由
    image
  • 通过 redis-cli 查看当前redis中的数据
    image
  • 让队列消费事件
    image
  • 再查看redis数据,发现已被消费掉。
    image

订阅广播

  • 使用 Redis + socket.io方式转发接收,需要安装开源项目 laravel-echo-server
// 安装
# npm install -g laravel-echo-server
// 初始化,默认即可,在项目根目录下生成 laravel-echo-server.json 配置文件,修改devMode 修改为 true。
# laravel-echo-server init
// 启动
# laravel-echo-server start

截图如下:
image

  • 前端通过laravel-echo 接收广播
$ npm i --save socket.io-client
$ npm i --save laravel-echo
  • 打开 /resources/assets/js/bootstrap.js 在这个文件的结尾已经预先写上了 laravel-echo 的使用例子,进行修改。
    image
  • 创建页面,在 resources/views/ 下建立页面 triggerAlalm.blade.php 内容如下截图,并增加对应的路由。
    image

image

  • 关闭laravel-echo-server,然后构建前端文件
# npm install
# npm run dev
  • 重启laravel-echo-server,在浏览器里访问新页面路由。
    image
  • 通过postman触发报警,然后页面收到信息,打开警铃,页面样式变更。
    image
目录
相关文章
|
数据采集 监控 机器人
浅谈网页端IM技术及相关测试方法实践(包括WebSocket性能测试)
最开始转转的客服系统体系如IM、工单以及机器人等都是使用第三方的产品。但第三方产品对于转转的业务,以及客服的效率等都产生了诸多限制,所以我们决定自研替换第三方系统。下面主要分享一下网页端IM技术及相关测试方法,我们先从了解IM系统和WebSocket开始。
422 4
|
9月前
|
存储 消息中间件 NoSQL
体育赛事直播系统中基于 WebSocket 实现的聊天室与弹幕模块设计与实践
本文详解东莞梦幻网络科技体育直播系统中「聊天室+弹幕」模块的实时通信技术实现,涵盖 WebSocket 架构、连接池管理、多房间逻辑、消息转发与并发控制等核心要点,助力构建高并发、低延迟的直播互动体验。
|
6月前
|
监控 负载均衡 安全
WebSocket网络编程深度实践:从协议原理到生产级应用
蒋星熠Jaxonic,技术宇宙中的星际旅人,以代码为舟、算法为帆,探索实时通信的无限可能。本文深入解析WebSocket协议原理、工程实践与架构设计,涵盖握手机制、心跳保活、集群部署、安全防护等核心内容,结合代码示例与架构图,助你构建稳定高效的实时应用,在二进制星河中谱写极客诗篇。
WebSocket网络编程深度实践:从协议原理到生产级应用
|
缓存 监控 前端开发
Go 语言中如何集成 WebSocket 与 Socket.IO,实现高效、灵活的实时通信
本文探讨了在 Go 语言中如何集成 WebSocket 与 Socket.IO,实现高效、灵活的实时通信。首先介绍了 WebSocket 和 Socket.IO 的基本概念及其优势,接着详细讲解了 Go 语言中 WebSocket 的实现方法,以及二者集成的重要意义和具体步骤。文章还讨论了集成过程中需要注意的问题,如协议兼容性、消息格式、并发处理等,并提供了实时聊天、数据监控和在线协作工具等应用案例,最后提出了性能优化策略,包括数据压缩、缓存策略和连接管理优化。旨在帮助开发者更好地理解并应用这些技术。
897 3
|
移动开发 NoSQL 网络协议
Redis 管道技术
10月更文挑战第21天
163 3
|
监控 小程序 前端开发
小程序全栈开发中的WebSocket实时通信实践
【10月更文挑战第3天】随着移动互联网的发展,小程序因便捷的用户体验和社交传播能力,成为企业拓展业务的新渠道。本文探讨了小程序全栈开发中的WebSocket实时通信实践,包括其实时通信、长连接及双向通信的特点,并通过实时聊天、推送、游戏和监控等功能的实现,展示了WebSocket在小程序中的应用。开发者需注意安全性、性能及兼容性等问题,以保障小程序的稳定运行和用户体验。
357 7
|
JSON 缓存 NoSQL
Redis 在线查看序列化对象技术详解
Redis 在线查看序列化对象技术详解
360 3
|
存储 缓存 NoSQL
解决Redis缓存击穿问题的技术方法
解决Redis缓存击穿问题的技术方法
492 2
|
存储 NoSQL Redis
10)Redis 的管道技术
10)Redis 的管道技术
277 0