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

Posted 2023-02-16

【中文标题】宅基地中的laravel websocket无法正常工作

【英文标题】：laravel websocket in homestead not working

【发布时间】：2019-03-09 10:32:00

【问题描述】：

我已经尝试了所有方法来实现这个包Laravel Websockets with homestead， 在本地它可以工作，但使用 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 -> 广播事件后，我的客户端没有收到任何内容。

【问题讨论】：

运气好了吗？赞成

运行命令：php artisan queue:work

【参考方案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 站点的额外代码，您可以通过 ssh 进入 VM 并进行编辑来找到该站点

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

还将您的主机在 broadcasting.php 中更改为

'host' => env('WEBSOCKET_BROADCAST_HOST'),

在你的 .env 中

WEBSOCKET_BROADCAST_HOST=192.168.10.10

接下来，设置 Laravel Horizo​​n 并运行进程

php工匠地平线

在另一个窗口中，运行

php artisan websockets:serve --host=192.168.10.10

在第三个窗口中，您现在可以打开 tinker 并运行

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

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

或者，您也可以实现不需要 Horizo​​n 的 ShouldBroadcastNow。

【讨论】：

我不知道怎么做，也不知道为什么，但你的回答确实帮助了我，让我眼花缭乱，让它在 Laravel Homestead 上工作:)

这是为了让 Websockets 在 Homestead 中工作吗？我没有“位置/ ws”的配置，它对我来说工作正常。我所做的一切都是在 Homestead.yaml 中端口转发端口 6001。

嗨@PaulBarclay。 homestead 的端口转发是怎么做的？

@Dazzle - 有点晚了，但转发是通过端口完成的： - 发送：6001 到：6001