首页 > 编程 > PHP > 正文

如何使用laravel-echo-server 搭建一个事件广播平台

2020-03-22 19:04:04
字体:
来源:转载
供稿:网友
这篇文章给大家介绍的文章内容是关于使用laravel-echo-server 搭建事件广播平台,有很好的参考价值,希望可以帮助到有需要的朋友。

此文记录一下之前项目中遇到的laravel后台广播消息到vue前台的实现过程。Laravel 并未内置一个 Socket.IO 服务器实现,不过,这里有一个第三方实现的 Socket.IO 驱动:laravel-echo-server,相当于一个中间件;技术要点:laravel + laravel-echo-server + vue/laravel-echo

整体架构

644316005-5b592b01b251d_articlex.png

1. laravel-echo-server

详细介绍参见:https://github.com/tlaverdure...

1.1 laravel-echo-server服务器直接搭建在laravel项目中:

① 全局安装laravel-echo-server: npm install laravel-echo-server -g;
控制台进入laravel项目,运行命令:laravel-echo-server init

860265255-5b58820ca270c_articlex.png
在laravel项目中会多出一个laravel-echo-server.json文件,里面包含了所有的配置信息;
③ 通过运行laravel-echo-server start 命令行启动服务

1.2 laravel-echo-server服务器独立部署

我们发现,其实只要有一个laravel-echo-server.json文件就能启动服务,那么显然可以将服务独立出laravel项目进行部署(觉得没必要可以不用这么折腾)。
使用Http的方式推送消息至laravel-echo-server服务器,格式如下:

POST http://app.dev:6001/apps/your-appId/events?auth_key=you-key 

用postman测试:

1041162410-5b5889a2d6824_articlex.png

测试成功,laravel-echo-server服务器搭建成功

2. laravel后台

定义BroadcastHttpPush.php作为接口

 ?phpnamespace App/HelpTrait;use GuzzleHttp/Client;trait BroadcastHttpPush html' target='_blank'>public function push($data) $baseUrl = env( WEBSOCKET_BASEURL , http://localhost:6001/  $appId = env( WEBSOCKET_APPID , 3ccfbd93b5e2906a  $key = env( WEBSOCKET_KEY , 6509c546c053d59057a61e46ae9a7898  $httpUrl = $baseUrl . apps/ . $appId . /events?auth_key= . $key; $client = new Client([ base_uri = $httpUrl, timeout = 2.0, $response = $client- post($httpUrl, [ json = $data $code = $response- getStatusCode();}

使用:

 ?phpnamespace App/Controllers;use App/HelpTrait/BroadcastHttpPush;class SendMessage use BroadcastHttpPush; public function index() $broadcastChannel = array( channel = private-Message , // 通道名,`private-`表示私有 name = sayHello , // 事件名 data = array( status = 200,  message = hello world!  $this- push($broadcastChannel);}
3. vue前端

定义UserActionNotification.vue

 template  /template  script import Echo from laravel-echo import io from socket.io-client export default { mounted() { window.io = io window.Echo = new Echo({ broadcaster: socket.io , host: http://localhost:6001 , window.Echo.private( Message ).listen( .sayHello , (res) = { if (res.status === 200) { console.log(res.message) } else { console.log( something wrong! ) /script  style lang= sass scoped 

注:事件sayHello前面要加., 不然需要带上事件的域名空间;

相关推荐:

Laravel如何操作数据库?Laravel数据库操作的三种方式(代码)

Laravel 5.5如何创建响应?创建响应的介绍(代码)

以上就是如何使用laravel-echo-server 搭建一个事件广播平台的详细内容,PHP教程

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表