客户端（JS-浏览器）和服务器（PHP）通过 Web-Socket 通过 IP 通信

Question

我是网络套接字的新手。 我正在尝试通过网络套接字在客户端和服务器之间建立通信。 我按照此链接中的代码进行操作：

https://phppot.com/php/simple-php-chat-using-websocket/

这是我的尝试：

1. 客户端JS端：

var ws = new WebSocket("ws://myIp:8090");

2. 服务器PHP端：

定义('HOST_NAME',"myIP");
定义（'端口'，“8090”）；

现在在浏览器中，当我去，

1. http://localhost:8090 ：浏览器中的初始握手请求标头：

Accept-Encoding: gzip, deflate Accept-Language: en-US,en;q=0.9 Cache-Control: no-cache Connection: Upgrade Host: myIP:8090 Origin: http://localhost:8090 Pragma: no-cache Sec -WebSocket-Extensions：permessage-deflate； client_max_window_bits Sec-WebSocket-Key: tJ0fWdCEfJCUcmtRCNOJuQ== Sec-WebSocket-Version: 13 升级: websocket User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Safari/537.36

PHP Server 中的响应头是：

HTTP/1.1 101 Web Socket协议握手升级：websocket连接：升级WebSocket-Origin：myIP WebSocket-Location：ws://myIP:8090/demo/shout.php Sec-WebSocket-Accept:DqaK+Z+jqf1lJ0vj5bIxFi7+EPc=

如上所述，请求和响应标头都将它们的协议升级为 web-socket 并成功建立通信。

2. http://myIP:8090 :

请求标头在浏览器中：

显示临时标头 Accept-Encoding: gzip, deflate Accept-Language: en-US,en;q=0.9 Cache-Control: no-cache Connection: Upgrade Host: myIP:8090 Origin: http://myIP:8090 Pragma:无缓存 Sec-WebSocket-Extensions: permessage-deflate; client_max_window_bits Sec-WebSocket-Key: D73LNcTLB8P6dzPilGipQQ== Sec-WebSocket-Version: 13 升级: websocket User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Safari/537.36

但是 PHP 服务器收到的请求标头是：

GET / HTTP/1.1 Host: localhost:8090 Connection: keep-alive Upgrade-Insecure-Requests: 1 User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0 .4280.66 Safari浏览器/ 537.36接受：text / html的，应用/ XHTML + xml的，应用/ XML; q = 0.9，图像/ avif，图像/ WEBP，图像/ APNG，/ q = 0.8，应用/签署交换; v =b3;q=0.9 Accept-Encoding: gzip, deflate Accept-Language: en-US,en;q=0.9 If-None-Match: W/"41e-5e6jpMk0FNkw+DjhkfcoeaiAhE4"

如上所示，PHP 服务器不会收到浏览器发送的 web-socket 升级标头。 所以服务器在请求头中没有收到任何Sec-WebSocket-Key并得到这个错误：

ErrorException: Undefined index: Sec-WebSocket-Key

在创建响应标头时。 我不知道如何解决这个问题？ 请求标头如何被修改？ 我在设置中做错了什么吗？ 此设置是否可以在两台不同的 PC 上建立通信？ 请帮忙。 提前致谢！

Answer 1

经过在这里和那里的一些尝试后，我找到了通过相同或不同 PC 中的 Web 套接字进行通信的方法。

1. 如果服务器和客户端在同一台 PC 上： case 1将从上述问题中得到解决。
2. 如果服务器和客户端在不同的 PC 上：在客户端（JS）端将 IP 地址设置为服务器 PC IP 将起作用。

客户端JS端：

var ws = new WebSocket("ws://Server_PC_IP:8090");