WebSocket是一种在客户端和服务器之间进行实时双向通信的协议。与传统的HTTP请求-响应模式不同，WebSocket允许服务器主动向客户端发送消息，而不需要客户端发起请求。这种实时通信的特性使得WebSocket非常适合于需要实时更新数据的应用，如聊天室、实时游戏、股票市场等。WebSocket协议基于TCP协议，使用了类似HTTP的握手过程进行连接建立，并定义了一种简单的消息格式进行数据传输。同时，WebSocket也提供了一些高级特性，如心跳机制、消息压缩等，来增强通信的可靠性和效率。
服务端
本地搭建
windows系统
php
一：安装cygwin ：在Windows上获得Linux的感觉
1.1 打开安装包：setup-x86_64.exe，点击"下一页"
1.2 选择第一种方式，点击"下一页"
1.3 选择安装目录(本欧电脑只有C ！！！)，点击"下一页"
1.4 选择本地软件包安装目录(可自建)，点击"下一页"
1.5 选择直接连接，点击"下一页"
1.6 选择https://mirrors.163.com，点击"下一页"
1.7 选择要安装的组件，点击"下一页"
注意：默认为跳过==不安装，需要选择版本才会安装，漏装的可以再次打开setup-x86_64.exe
//软件包 版本
automake1.10 1.10.3-3
gcc-g++ 11.4.0-1
gdb 12.1-1
libpcre2-devel 10.42-1
pcre 8.45-1
pcre2 10.42-1
php-devel 7.3.7-2
wget 1.21.4-11.8 （演示用小欧重装了下！！！），点击"下一页"
1.9 最好都两个都选择，点击"完成"
二：查看是否安装成功
2.1 点击打开桌面cygwin
2.2 输入 cygcheck -c cygwin
三：下载&安装swoole扩展
3.1 查看php版本，输入 php -v
3.2 下载swoole
注意：php8以上下载5.0以上版本
3.3 解压压缩包到cygwin安装目录下的home文件夹下
3.4 cygwin面板进入home并执行phpize追加扩展
3.5 配置构建和安装环境 ./configure
3.6 make构建 （时间较长）
3.7 make test 对编译结果进行测试
3.8 make install 安装
3.9 手动打开.../etc/php.ini 文件
3.10 拉到文件最底添加 extension=swoole.so
3.11 面板输入 php -m 查看扩展是否安装成功
四：服务端文件编辑
4.1 swoole文档
4.2 新建serve文件夹（可自定义文件夹）
4.3 打开serve文件夹并创建socket.php
socket.php
<?php
//创建WebSocket Server对象，监听0.0.0.0:9502端口,可自定义。
$ws = new Swoole\WebSocket\Server('0.0.0.0', 9502);
//监听WebSocket连接打开事件。
$ws->on('Open', function ($ws, $request) {
echo "{$request->fd} 用户接入";
$ws->push($request->fd, "hello, welcome\n");
});
//监听WebSocket消息事件。
$ws->on('Message', function ($ws, $frame) {
echo "Message: {$frame->data}\n";
$ws->push($frame->fd, "server: {$frame->data}");
});
//监听WebSocket连接关闭事件。
$ws->on('Close', function ($ws, $fd) {
echo "client-{$fd} is closed\n";
});
$ws->start();
?>4.4 运行 socket.php
五：测试
5.1 打开浏览器 按F12
var wsServer = 'ws://127.0.0.1:9502';
var websocket = new WebSocket(wsServer);
websocket.onopen = function (evt) {
console.log("Connected to WebSocket server.");
};
websocket.onclose = function (evt) {
console.log("Disconnected");
};
websocket.onmessage = function (evt) {
console.log('Retrieved data from server: ' + evt.data);
};
websocket.onerror = function (evt, e) {
console.log('Error occured: ' + evt.data);
};
5.2 正确状态
浏览器
cygwin面板
文章来源：https://www.toymoban.com/news/detail-781665.html
本篇干货教程将会跟着小欧的经验不断更新哦，各位领导赏个三连吧！！文章来源地址https://www.toymoban.com/news/detail-781665.html
到了这里，关于WebSocket---搭建与使用（手把手）的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
![【运维】手把手教你在windows使用Docker搭建Minio[详细教程]](https://imgs.yssmx.com/Uploads/2024/02/737829-1.png)
![【Docker】手把手教你在windows使用Docker搭建Minio[详细教程]](https://imgs.yssmx.com/Uploads/2024/01/804476-1.png)
