Laravel-websockets在使用plesk到nginx的VPS服务器上不起作用

Question

我正在使用laravel-websockets和pusher包在我的应用程序中运行一个简单的聊天功能。我设法使用valet dev环境的ssl证书使其在本地工作。现在，我正处于开发的最后阶段，我将我的应用程序放在我的VPS服务器上，创建了ssl证书，一切都工作得很好，但我无法让websockets服务器工作。我使用的是带有plesk的ubuntu服务器，我通过nginx运行我的应用程序。Currently Getting this error in the console

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'),
            'useTLS' => true,
            'encrypted' => true,
            'host' => '127.0.0.1',
            'port' => 6001,
            'scheme' => 'https',
            'curl_options' => [
                CURLOPT_SSL_VERIFYHOST => 0,
                CURLOPT_SSL_VERIFYPEER => 0,
            ]
        ],
    ],

bootstrap.js

import Echo from 'laravel-echo';

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

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

.env (我将在生产环境中更改pusher凭证)

PUSHER_APP_ID=12345
PUSHER_APP_KEY=ABCDEFG
PUSHER_APP_SECRET=HIJKLMNOP
PUSHER_APP_CLUSTER=mt1

LARAVEL_WEBSOCKETS_SSL_LOCAL_CERT=localhost.crt
LARAVEL_WEBSOCKETS_SSL_LOCAL_PK=localhost.key

MIX_PUSHER_APP_KEY="${PUSHER_APP_KEY}"
MIX_PUSHER_APP_CLUSTER="${PUSHER_APP_CLUSTER}"

Answer 1

根据我的经验，我在使用Plesk和Nginx+Apache时也遇到过类似的问题。经过大量的研究和测试，我找到了这个解决方案，即在prod env中工作：

登录plesk并打开您的域名配置> Apache和Nginx设置> HTTPS的其他设置

(可能不同，因为我的服务器语言不是英语。)

在该框中放入：

# When Upgrade:websocket header is present, redirect to ws
# Using NC flag (case-insensitive) as some browsers will pass Websocket
RewriteCond %{HTTP:Upgrade} =websocket [NC]
RewriteRule ^/chat_ws/(.*)    ws://<your_domain>:6001 [P,L]

之后，您必须使用http:///chat_ws/作为聊天websocket服务器端点(在javascript中)

在我的例子中工作正常，根据我的记忆: nginx将反向代理请求，而https上的websocket不被直接允许