Question

我已经尝试了各种方法来实现带有宅基地的新软件包Laravel Websocker，在本地可以正常工作，但是不能使用nginx Homestead。

1-> /etc/nginx/sites-available/example.test的配置：

server {
    listen 80;
    listen 443 ssl http2;
    server_name website.test;
    root "/home/vagrant/website/public";

index index.html index.htm index.php;

charset utf-8;

location / {
    try_files $uri $uri/ /index.php?$query_string;
}

location = /favicon.ico { access_log off; log_not_found off; }
location = /robots.txt  { access_log off; log_not_found off; }

access_log off;
error_log  /var/log/nginx/website.test-error.log error;

sendfile off;

client_max_body_size 100m;

location ~ \.php$ {
    fastcgi_split_path_info ^(.+\.php)(/.+)$;
    fastcgi_pass unix:/var/run/php/php7.3-fpm.sock;
    fastcgi_index index.php;
    include fastcgi_params;
    fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;

    fastcgi_intercept_errors off;
    fastcgi_buffer_size 16k;
    fastcgi_buffers 4 16k;
    fastcgi_connect_timeout 300;
    fastcgi_send_timeout 300;
    fastcgi_read_timeout 300;
}

location /ws {
    proxy_pass             http://127.0.0.1:6001;
    proxy_set_header Host  $host;
    proxy_read_timeout     60;
    proxy_connect_timeout  60;
    proxy_redirect         off;

    # Allow the use of websockets
    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection 'upgrade';
    proxy_set_header Host $host;
    proxy_cache_bypass $http_upgrade;}

location ~ /\.ht {
    deny all;
}

ssl_certificate     /etc/nginx/ssl/website.test.crt;
ssl_certificate_key /etc/nginx/ssl/website.test.key;

}

2->我的js配置：

import Echo from "laravel-echo"

window.Pusher = require('pusher-js');

window.Echo = new Echo({
    broadcaster: 'pusher',
    key: process.env.MIX_PUSHER_APP_KEY,
    wsHost: window.location.hostname,
    wsPort: 6001,
    disableStats: true,
});

3->我的活动：

<?php

namespace App\Events\CrudsEvents;

use Illuminate\Broadcasting\Channel;
use Illuminate\Queue\SerializesModels;
use Illuminate\Broadcasting\PrivateChannel;
use Illuminate\Broadcasting\PresenceChannel;
use Illuminate\Foundation\Events\Dispatchable;
use Illuminate\Broadcasting\InteractsWithSockets;
use Illuminate\Contracts\Broadcasting\ShouldBroadcast;

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


    public $data ;

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

    public function broadcastOn()
    {

        return new Channel('chat-channel');
        // return new PrivateChannel('channel-name');
    }
}

4->我在家里运行命令php artisan websockets:serve

5->并尝试使用此代码在我的客户端监听：

  mounted(){
    window.Echo.channel('chat-channel')
        .listen('DashboardEvent',(e)=>{
          console.log(e)
      })
  },

6->在广播事件之后，我的客户端什么都没收到。

Answer 1

好吧，我知道了：-）

您的nginx配置几乎正确，除非您使用的是Homestead，请将IP更改为

location /ws {
    proxy_pass             http://192.168.10.10:6001;
    proxy_set_header Host  $host;
    proxy_read_timeout     60;
    proxy_connect_timeout  60;
    proxy_redirect         off;

    # Allow the use of websockets
    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection 'upgrade';
    proxy_set_header Host $host;
    proxy_cache_bypass $http_upgrade;
}

这是唯一需要添加到默认Homestead nginx站点的额外代码，您可以通过将其挂入VM并进行编辑来找到

sudo nano /etc/nginx/sites-available/mysite.test

也将您在broadcast.php中的主机更改为

'主机'=> env（'WEBSOCKET_BROADCAST_HOST'），

和您的.env

WEBSOCKET_BROADCAST_HOST = 192.168.10.10

下一步，设置Laravel Horizon并运行该过程

php artisan地平线

在另一个窗口中，运行

php artisan websockets：serve --host = 192.168.10.10

在第三个窗口中，您现在可以打开修补程序并运行

事件（新的\ App \ Events \ NewMessage（“ Hello world”））；

如果您正在实施ShouldBroadcast，它应该可以工作！

或者，您可以另外实现不需要视野的ShouldBroadcastNow。

宅基地中的laravel websocket无法正常工作

1 个答案: