laravel websocket 不会连接到生产

如何解决laravel websocket 不会连接到生产

我使用 Beyondcode websockets 在我的本地主机上创建了一个 Laravel 网站。一切正常，直到我尝试将我的网站上传到实时服务器。我一直在互联网上搜索解决方案，但找不到任何适合我的方法。问题是当 websocket 尝试连接时，它什么都不返回。我认为这与我的 NGINX 配置有关。

在我的本地主机上，websocket 可以通过 ws://127.0.0.1/ 连接...但在生产中 ws:// 和 wss:// 都不起作用。

我让主管在子域上运行命令 php artisan websockets:serve。它只是不连接。

我的代码：
配置/广播.php

'pusher' => [
    'driver' => 'pusher','key' => env('PUSHER_APP_KEY'),'secret' => env('PUSHER_APP_SECRET'),'app_id' => env('PUSHER_APP_ID'),'options' => [
        'cluster' => env('PUSHER_APP_CLUSTER'),'host' => 'socket.website.com','port' => "",'scheme' => 'https','curl_options' => [
            CURLOPT_SSL_VERIFYHOST => 0,CURLOPT_SSL_VERIFYPEER => 0,]
    ],],

resources/js/bootstrap.js

broadcaster: 'pusher',key: 'key12',wsHost: 'socket.website.com',wssHost: 'socket.website.com',wsPort: "",wssPort:"",forceTLS: true,disableStats: true,enabledTransports: ['ws','wss']

虚拟主机会议

    server {
  listen        80;
  server_name   socket.website.com;

  location / {
    proxy_pass             http://127.0.0.1:6001;
    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;
  }
}

docRoot                   $VH_ROOT
vhDomain                  $VH_NAME
vhAliases                 www.$VH_NAME
adminEmails               [e-mail]
enableGzip                1
enableIpGeo               1

errorlog $VH_ROOT/logs/$VH_NAME.error_log {
  useServer               0
  logLevel                ERROR
  rollingSize             10M
}

accesslog $VH_ROOT/logs/$VH_NAME.access_log {
  useServer               0
  logFormat               "%h %l %u %t "%r" %>s %b "%{Referer}i" "%{User-Agent}i""
  logHeaders              5
  rollingSize             10M
  keepDays                10
  compressArchive         1
}

scripthandler  {
  add                     lsapi:socke9530 php
}

phpIniOverride  {

}

rewrite  {
  enable                  1
  autoLoadHtaccess        1
}

vhssl  {
  keyFile                 /etc/letsencrypt/live/socket.website.com/privkey.pem
  certFile                /etc/letsencrypt/live/socket.website.com/fullchain.pem
  certChain               1
  sslProtocol             24
  ciphers                 EECDH+AESGCM:EDH+AESGCM:AES256+EECDH:AES256+EDH:ECDHE-RSA-AES128-GCM-SHA384:ECDHE-RSA-AES128-GCM-SHA256:ECDHE-RSA-AES128-GCM-SHA128:DHE-RSA-AES128-GCM-SHA384:DHE-RSA-AES128-GCM-SHA256:DHE-RSA-AES128-GCM-SHA128:ECDHE-RSA-AES128-SHA384:ECDHE-RSA-AES128-SHA128:ECDHE-RSA-AES128-SHA:ECDHE-RSA-AES128-SHA:DHE-RSA-AES128-SHA128:DHE-RSA-AES128-SHA128:DHE-RSA-AES128-SHA:DHE-RSA-AES128-SHA:ECDHE-RSA-DES-CBC3-SHA:EDH-RSA-DES-CBC3-SHA:AES128-GCM-SHA384:AES128-GCM-SHA128:AES128-SHA128:AES128-SHA128:AES128-SHA:AES128-SHA:DES-CBC3-SHA:HIGH:!aNULL:!eNULL:!EXPORT:!DES:!MD5:!PSK:!RC4
  enableECDHE             1
  renegProtection         1
  sslSessionCache         1
  enableSpdy              15
  enableStapling           1
  ocspRespMaxAge           86400
}

我不知道我做错了什么。任何人都可以帮我吗？

解决方法

Laravel websocket 通过 subdomain 和 nginx

投入生产

第 1 步。

• 创建 websocket conf 文件以在后台运行代码就像

• 在 /etc/supervisor/conf.d (Debian/Ubuntu) 或 /etc/supervisord.d (Red Hat/CentOS) 创建文件 websockets.conf

• 然后把这个代码

[program:websockets]
command=/usr/bin/php <laravel-path>/artisan websockets:serve
numprocs=1
autostart=true
autorestart=true
user=<username>

• 然后运行 ​​supervisorctl update 和 supervisorctl start websockets

在此步骤中，您的 Laravel websocket 将在端口 6001 的后台启动

第 2 步。

• 创建一个子域，如 socket.example.com
• 现在通过6001配置的nginx代码连接到这个域到端口nginx

server {
  listen        80;
  server_name   socket.example.com;

  location / {
    proxy_pass             http://127.0.0.1:6001;
    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;
  }
}

在此设置中，您的子域已准备好接受 websocket 请求，但没有 ssl

第 3 步。

• 安装 certbot 以获得此域的免费 ssl
• 安装 certbot 后只需运行 sudo certbot 然后您将提示选择一个域以获取 ssl

在此步骤中，您为您的子域获取 ssl 现在您已准备好接受此端口上的 wss 连接

第 4 步。

• 当您的 wss 在您的子域 wss://socket.exmaple.com 上准备就绪时，您需要更改 laravel-echo（客户端）和 laravel-websocket（服务器）中的一些配置>

• 在bootstrap.js

wsHost: <subdomainname>,wssHost: <subdomainname>,wsPort: "",wssPort:"",forceTLS: true,

• 在config/broadcasting.php

'pusher' => [
    'driver' => 'pusher','key' => env('PUSHER_APP_KEY'),'secret' => env('PUSHER_APP_SECRET'),'app_id' => env('PUSHER_APP_ID'),'options' => [
        'cluster' => env('PUSHER_APP_CLUSTER'),'host' => <subdomain>,// replace this with your subdomain 
        'port' => "",'scheme' => 'https','curl_options' => [
            CURLOPT_SSL_VERIFYHOST => 0,CURLOPT_SSL_VERIFYPEER => 0,]
    ],],

在此设置中，我们将 websocket 连接到子域，此处端口为空，因为子域是端口 6001 的代理

您可以在此处验证您的 wss 是否在 https://www.websocket.org/echo.html 中工作，只需复制 <subdomain>/app/broadcasting?protocol=7&client=js&version=7.0.3&flash=false

参考链接

https://beyondco.de/docs/laravel-websockets/basic-usage/starting https://beyondco.de/docs/laravel-websockets/basic-usage/ssl#usage-with-a-reverse-proxy-like-nginx