首页 文章 精选 留言 我的

精选列表

搜索[websocket],共2874篇文章
优秀的个人博客,低调大师

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 相关文件内容如下: 发布广播 通过postman调用路由 通过 redis-cli 查看当前redis中的数据 让队列消费事件 再查看redis数据,发现已被消费掉。 订阅广播 使用 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 截图如下: 前端通过laravel-echo 接收广播 $ npm i --save socket.io-client $ npm i --save laravel-echo 打开 /resources/assets/js/bootstrap.js 在这个文件的结尾已经预先写上了 laravel-echo 的使用例子,进行修改。 创建页面,在 resources/views/ 下建立页面 triggerAlalm.blade.php 内容如下截图,并增加对应的路由。 关闭laravel-echo-server,然后构建前端文件 # npm install # npm run dev 重启laravel-echo-server,在浏览器里访问新页面路由。 通过postman触发报警,然后页面收到信息,打开警铃,页面样式变更。

资源下载

更多资源
Mario

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长,特征是大鼻子、头戴帽子、身穿背带裤,还留着胡子。与他的双胞胎兄弟路易基一起,长年担任任天堂的招牌角色。

Nacos

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称,一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集,帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Rocky Linux

Rocky Linux

Rocky Linux(中文名:洛基)是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版,作为CentOS稳定版停止维护后与RHEL(Red Hat Enterprise Linux)完全兼容的开源替代方案,由社区拥有并管理,支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性,采用模块化包装和SELinux安全架构,默认包含GNOME桌面环境及XFS文件系统,支持十年生命周期更新。

WebStorm

WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能。

用户登录
用户注册