php - Laravel-echo-server 没有连接客户端到服务器

问题描述

laravel-echo-server.json

{
  "authHost": "http://want_can.lc",
  "authEndpoint": "/broadcasting/auth",
  "clients": [],
  "database": "redis",
  "databaseConfig": {
    "redis": {
            "port": 6379,
            "host":"127.0.0.1",
            "keyPrefix":null
        },
    "sqlite": {
      "databasePath": "/database/laravel-echo-server.sqlite"
    }
  },
  "devMode": true,
  "host": null,
  "port": "6001",
  "protocol": "http",
  "socketio": {},
  "secureOptions": 67108864,
  "sslCertPath": "",
  "sslKeyPath": "",
  "sslCertChainPath": "",
  "sslPassphrase": "",
  "subscribers": {
    "http": true,
    "redis": true
  },
  "apiOriginAllow": {
    "allowCors": false,
    "allowOrigin": "",
    "allowMethods": "",
    "allowHeaders": ""
  }
}

引导程序.js

if (typeof io !== 'undefined') {
window.Echo = new Echo({
     broadcaster: 'socket.io',
     host:window.location.hostname +":"+ '6001',
 });
}else{
    console.log('AAA!')
}

私聊活动

    class PrivateChat implements ShouldBroadcast
{
    use Dispatchable, InteractsWithSockets, SerializesModels;

    public $data;
    public $user;

    public function __construct($data,User $user)
    {

        $this->data=$data;
        $this->user=$user;
        $this->dontBroadcastToCurrentUser();
    }

    public function broadcastOn()
    {
        Message::create($this->data,$this->user);
        return new PrivateChannel('room.'.$this->data['room_id']);
    }
}

控制器

class MessageController
{
    public $service;

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

    public function message(ChatRequest $request,User $user)
    {
        event ( new PrivateChat($request->all(), $user));
    }
}

频道.php

Broadcast::channel('room.{room_id}', function ( $user, $room_id) {
    return $user->chatroomsCustomer->contains($room_id)||$user->chatroomsExecutor->contains($room_id);
});

redis 的 config/database.php 密钥前缀设置

'options' => [
            'cluster' => env('REDIS_CLUSTER', 'redis'),
            'prefix' => null,
        ],

vue.js 组件

    methods:{
        update:function (id) {
            axios.post('chatroom',{
            room_id:id
            }).then((response)=>{
                this.message=response.data;
            });

            window.Echo
            .private('room'+{id})
            .listen('PrivateChat',
                ({data})=>{
                    console.log(data)
                    this.message.messages.push(data.body)
                })
        },
        sendMessage(room_id){
            axios.post('/message/'+this.user,{
                text:this.textMessage,
                room_id:room_id
            }).then((response)=>{});
            this.message.messages.push({user_id:this.user,'text':this.textMessage})
            this.textMessage='';
        }
    }
}

启动 laravel-echo-server。选项卡网络https://prnt.sc/xyunid套接字不生成 sid。如果用户在终端输入消息

Channel: private-room.1
Event: App\Events\PrivateChat

这是我在队列中得到的

[2021-02-01 06:50:25][RXvfnlILeDt6J2MTWAXPA9EStl1Cgi5X] Processing: App\Events\PrivateChat
[2021-02-01 06:50:25][RXvfnlILeDt6J2MTWAXPA9EStl1Cgi5X] Processed:  App\Events\PrivateChat

标签： phplaravelvue.js

php - Laravel-echo-server 没有连接客户端到服务器

问题描述

解决方案

推荐阅读