Laravel 5.7 中广播实践,使用websocket(Redis + socket.io) 技术接收-阿里云开发者社区

开发者社区> 卓上> 正文

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

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
IE中ocx控件的无模式对话框不接收方向键等键盘消息的问题的解决办法
在ocx控件中如果含有无模式对话框,那么当ocx在ie中显示时,往往接收不到 诸如tab,方向键和退格键。所有这些消息都被IE容器给截取了,对于这个问题,ms给出了解决方法: 首先:   int CMyActiveXCtrl::OnCreate(LPCREATESTRUCT lpCreateStru...
905 0
Android官方开发文档Training系列课程中文版:通过NFC共享文件之从其它设备接收文件
原文地址:http://android.xsoftlab.net/training/beam-files/receive-files.html Android Beam文件传输系统会将文件拷贝到接收设备的指定目录中。
749 0
系统广播详解之接收短信
上一次讲解了系统开机自动运行的广播,这次讲解系统广播中的SMS广播。 1、编写一个系统广播接收类 public class SMSReceiver extends BroadcastReceiver { @Override public void onReceive(Context context, Intent intent) { if ("android.
632 0
使用OpenApi弹性释放和设置云服务器ECS释放
云服务器ECS的一个重要特性就是按需创建资源。您可以在业务高峰期按需弹性的自定义规则进行资源创建,在完成业务计算的时候释放资源。本篇将提供几个Tips帮助您更加容易和自动化的完成云服务器的释放和弹性设置。
8268 0
javascript之ProtoBuf在websocket中的使用
因为ProtoBuf的序列化效率和大小都非常好,所以它在网络通信上面应用越来越多;而webosocket也随着web3.0应用越来越广泛,而将这两个结合在一起的也会慢慢形成一种趋势;本人是为了测试自已写的一个C# websocket,所以在web上面结合pb也写了一个js实例: 1.
1932 0
Socket 接收和发送数据的深刻理解.
今天仔细研究了一下关于TCP/UDP接收和发送数据的具体实现和下层接收数据的缓冲区,原理UDP从数据缓冲区中接收数据的方式和TCP从缓冲区中读取数据的方式是不同的,UDP接收缓冲区中也会依次保存接收到的数据,如果缓冲区满了则再接收的数据就会丢失,UDP接收数据和发送数据的次数应该是相同的,UDP不管你每次接收的数据的多少,只要你接收了一次数据那么就相当于接收了发送端某次发送的数据,而不管你接收的多少,本次的数据都将清空,注意:这里说的是本次的数据。
676 0
使用epoll&socket的总结
1. epoll 中使用et方式触发,只需EPOLL_CTL_ADD一次,把EPOLLIN  EPOLLOUT 事件全注册,每个socket只需创建add一次,其事件就会      一直在epoll中,当然,socketclose 后应DEL掉。
496 0
+关注
卓上
8年互联网从业经验,熟悉各种语言应用开发,丰富的项目管理和实施经验。
10
文章
2
问答
文章排行榜
最热
最新
相关电子书
更多
文娱运维技术
立即下载
《SaaS模式云原生数据仓库应用场景实践》
立即下载
《看见新力量:二》电子书
立即下载