消息中心 - 实现(三)

前言


在上一章主要梳理了信息中心的运行机制,了解了服务端是如何把更新的信息主动推送给客户端的,接下来我会介绍下消息中心是如何搭建的以及现在可能会出现问题。

背景知识


laravel 队列运行机制
消息中心实现逻辑

消息中心

1.设置配置

.env文件

 BROADCAST_DRIVER = redis
 QUEUE_DRIVER=redis

config/app.php

App\Providers\BroadcastServiceProvider::class  //加载
2. 设置路由

//设置用户频道,以便客户端监听。为了方便,直接返回true

Broadcast::channel('todoevent.updated.*', function($user, $userId){
        return true;
});
3. 添加predis依赖
composer require predis/predis
4. 创建事件类
php artisan make:event TodoEventUpdated

//默认是不实现ShouldBroadcast接口

        class TodoEventUpdated implements ShouldBroadcast
 {
            use InteractsWithSockets, SerializesModels;

            public $event;

         public function __construct($event)
            {
                $this->event= $event;
         }

         //添加私人频道,于路由设置一致
         public function broadcastOn()
            {
                if($this->event) {

                 return new PrivateChannel('todoevent.updated.' . $this->event->get('user_id'));
                }
         }
                 
                 //可对事件内容作修改。返回客户端需要的内容
        // public function broadcastWith()
        // {
        // }
}
5. 测试广播已到redis

HomeController.php

use App\Events\TodoEventUpdated;
public function index()
{
    broadcast(new TodoEventUpdated(collect(['user_id' => 8164])));
 }

执行home/index后,查看redis客户端

"SELECT" "0"
"RPUSH" "queues:default" "{event}"

event已经写入redis,代表redis连接成功

6. 开启消费进程
php artisan queue:work

//发现事件已被消费

Processing: App\Events\TodoEventUpdated
Processed:  App\Events\TodoEventUpdated
7. 安装 laravel-echo-server,订阅redis
cnpm install -g laravel-echo-server

安装成功后,移步到项目下

laravel-echo-server init  //初始化
laravel-echo-server start //启动

消息中心 - 实现(三)_第1张图片
laravel-echo-server 已成功的监听了 redis 。
注:laravel-echo-server 运行在6001端口,如果你用的是homestead等集成环境,请查看端口是否开启

8. 安装socket.io-client、laravel-echo
cnpm i --save socket.io-client
cnpm i --save laravel-echo

打开/resources/assets/js/bootstrap.js,会出现下面代码

import Echo from 'laravel-echo'
window.Pusher = require('pusher-js');
window.Echo = new Echo({
     broadcaster: 'pusher',
     key: 'your-pusher-key'
});

改造为:

import Echo from 'laravel-echo'
window.LaravelEcho= Echo;

编译

cnpm run dev

以上的事件广播都搭建完了。下面让第三方应用可以监听吧

9. 第三方应用监听
 //引入socket.io客户端

你可能感兴趣的:(消息中心 - 实现(三))