websocket 带有nginx的Laravel网络套接字

除了我的 php 版本是 php8.1.9 和 laravel8 之外，我已经按照教程使用 docker 配置了带有 websockets 的 laravel 。
我的 nginx 容器是 web _ dev 容器的反向代理，并执行 SSL 终止。因此，内部的进一步通信是通过 http 进行的。
nginx.conf

server {
    listen        80;
    server_name   mydomain.co.uk *.mydomain.co.uk;

    location / {
        return 301 https://$host$request_uri;
    }
}

server {
    listen        443 ssl;
    server_name   mydomain.co.uk *.mydomain.co.uk;

    include       common.conf;
    include       ssl.conf;

    location / {
        include     common_location.conf;
        proxy_pass  http://web_dev;
    }
}

server {
    listen        6001 ssl;
    server_name   mydomain.co.uk *.mydomain.co.uk;

    include       common.conf;
    include       ssl.conf;

    location /ws {
        proxy_read_timeout     60;
        proxy_connect_timeout  60;
        proxy_redirect         off;

        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection 'upgrade';
        proxy_cache_bypass $http_upgrade;
        proxy_set_header    Sec-WebSocket-Key       'SGVsbG8sIHdvcmxkIQAAAA==';
        proxy_set_header    Sec-WebSocket-Version   '13';

        include            common_location.conf;
        proxy_pass         http://web_dev:6001/;
    }
}

中的每一个
然后我有一个 curl 命令：

curl -k \
    --no-buffer \
    --header "Connection: upgrade" \
    --header "Upgrade: websocket" \
    -v \
    https://mydomain.co.uk:6001/ws/app/mydomainkey

格式
以下是输出：

Connected to mydomain.co.uk (127.0.0.1) port 6001 (#0)

* ALPN, offering h2
* ALPN, offering http/1.1
* TLSv1.0 (OUT), TLS header, Certificate Status (22):
* TLSv1.3 (OUT), TLS handshake, Client hello (1):
* TLSv1.2 (IN), TLS header, Certificate Status (22):
* TLSv1.3 (IN), TLS handshake, Server hello (2):

  ....

* TLSv1.2 (IN), TLS handshake, Finished (20):
* TLSv1.2 (OUT), TLS header, Supplemental data (23):

> GET /ws/app/mydomainkey HTTP/1.1
> Host: mydomain.co.uk:6001
> User-Agent: curl/7.81.0
> Accept: */*
> Connection: upgrade
> Upgrade: websocket
> 

* TLSv1.2 (IN), TLS header, Supplemental data (23):
* Mark bundle as not supporting multiuse

< HTTP/1.1 101 Switching Protocols
< Server: nginx/1.21.5
< Date: Sun, 04 Sep 2022 12:00:33 GMT
< Connection: upgrade
< Upgrade: websocket
< Sec-WebSocket-Accept: 5Tz1rM6Lpj3X4PQub3+HhJRM11s=
< X-Powered-By: Ratchet/0.4.4
< Strict-Transport-Security: max-age=31536000; includeSubDomains
< 

* TLSv1.2 (IN), TLS header, Supplemental data (23):

�r{"event":"pusher:connection_established","data":"{\"socket_id\":\"155833011.137698690\",\"activity_timeout\":30}"}

格式
我认为这表明端口 6001 和 SSL 配置正确，并且 websocket 连接已建立。
当我转到 websockets dashboard 的 url 并单击 " 连接 " 时，我得到
x1月 1 日

我还尝试了 fetch("wss://mydomain.co.uk:6001/ws/app/mydomainkey?protocol=7&client=js&version=4.3.1&flash=false"); ，它给出了不同的错误：

语言
在 web _ dev 容器上，我运行的是 supervisor ，它运行 php artisan websockets:serve 。我可以验证我的 web _ dev 容器是否可以连接到它的 websockets 运行服务，因为我在 php artisan tinker 中运行：

`event (new \App\Events\NewTrade('test'))`
=> []

格式
然后我检查了主管日志，我得到许多条目：

所以总结一下：

nginx 服务正常，因为 curl 命令可与带 SSL 的 nginx 一起正常工作（这也会在 supervisor 中生成日志条目）
laravel 内部连接正确
1.但是网页浏览器中的 pusher-js 却抱怨不支持 wss 方案，并且 websocket 连接失败。nginx/1.21.5 语言版本
1.我甚至还没有使用 Echo 。 Echo 使用 pusher-js ，而 Jmeter 板是用 pusher-js 实现的。所以如果 Jmeter 板不工作，我的 Echo 也不会工作。
1.我现在已经在 package.json 中将我的 pusher 降级为 4.3.1 ，但这没有任何作用，因为该版本是硬编码在 Jmeter 板中的（尽管也是 4.3 ）。

语言
有什么想法吗？
1.我试图修改 Jmeter 板拉一个不同的版本 https://cdnjs.cloudflare.com/ajax/libs/pusher/6.0.3/pusher.js ，这没有任何区别。

nginx 可以支持 wss 而不是 http 吗？我只看到过使用 http 的 configs 。使用 wss 的 configs ：抛出一个错误。
所以我没办法了。
以下是我的配置文件：
websockets.php

'apps' => [
    [
        'id' => env('PUSHER_APP_ID'),
        'name' => env('APP_NAME'),
        'key' => env('PUSHER_APP_KEY'),
        'secret' => env('PUSHER_APP_SECRET'),
        'path' => "/ws",
        'capacity' => null,
        'enable_client_messages' => false,
        'enable_statistics' => true,
    ],
],

/* ssl is left empty.*/

格式
相关问题：

https://github.com/beyondcode/laravel-websockets/issues/102 格式

"我是怎么发现的"
我首先尝试为内部通信设置SSL证书，尽管nginx正在终止（我不得不尝试）-但随后curl命令中断，我无法连接到我的websockets，除非我删除我的SSL证书（正在获得坏网关）。
所以我最终得到了这些：

'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'),
        'encrypted' => false,
        'host' => "127.0.0.1",
        'port' => 6001,
        'useTLS' => false,
        'scheme' => 'http',
    ],
],

并在config/websockets.php中找到

'apps' => [
    [
        'id' => env('PUSHER_APP_ID'),
        'name' => env('APP_NAME'),
        'key' => env('PUSHER_APP_KEY'),
        'secret' => env('PUSHER_APP_SECRET'),
        'path' => "/ws",    //<-- important for nginx path detection
        'capacity' => null,
        'enable_client_messages' => false,
        'enable_statistics' => true,
    ],
],
'ssl' => [
    'local_cert' => null,
    'local_pk' => null,
    'passphrase' => null,
],

然后我注意到一件关于日志的事情。当我在浏览器中得到WebSocket错误时，我也在为我的supervisor/websocket.log接收一个新的日志条目。
我试图删除'path' => "/ws"，我收到了同样的浏览器错误，但没有日志条目。
这给了我第一个提示，当有总比没有好。我需要坚持任何设置，不会打破这个日志记录功能。
然后我发现，当我从nginx.conf中删除这些行时，它开始全部工作，令人震惊！！

proxy_set_header    Sec-WebSocket-Key       'SGVsbG8sIHdvcmxkIQAAAA==';
    proxy_set_header    Sec-WebSocket-Version   '13';

最初我添加这些命令是为了简化curl命令，但我不知道这会破坏浏览器的websocket，所以现在测试的curl看起来像这样：

curl -k \
    --no-buffer \
    --header "Connection: upgrade" \
    --header "Upgrade: websocket" \
    --header "Sec-WebSocket-Key: SGVsbG8sIHdvcmxkIQAAAA==" \ //<-- this is random you can use it
    --header "Sec-WebSocket-Version: 13" \
    -v \
    https://mydomain.co.uk:6001/ws/app/mydomainkey

websocket 带有nginx的Laravel网络套接字

1条答案

相关问题

热门标签

最新问答