观看本文之前 需要 一点点php知识 一个Linux服务器 本文完全原创 转载请标明出处
闲来没事研究一下Swoole 结果....弄了一个上午终于是了解了一点了 算是把坑全踩了一遍 记录一下
Swoole文档:https://wiki.swoole.com(不能傻瓜式操作 稍微看一点点理解是干嘛用的就ok)
1.安装:(win系统无法使用 请使用Linux系统 本文所有的操作都需要在Linux系统的服务器下执行)
首先说一下swoole是个什么东西 他和redis一样 不只是php的一个依赖而已 他自己本体也要去下载 这里就演示一下宝塔的安装方法 没有安装宝塔的请根据官方文档来进行安装
到软件商店页面 找到你使用的php版本(我的是7.3) 点设置
点击安装扩展 往下翻找到Swoole4 点安装(我已经安过了 显示卸载)
等待下载完后 Swoole算是安装完了 接下来随便写点来看看是否安装成功
2.简单使用(其一)
真气死了 没一点这个基础的萌新真的寸步难行 官方写的代码这个不行那个报错 也怨自己太菜 没办法
开放服务器端口 9502
找一个合适的文件夹 拍下ws_server.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}\n";
});
//监听WebSocket消息事件
$ws->on('Message', function ($ws, $frame) {
echo "接受到消息::{$frame->data}\n";
$ws->push($frame->fd,"你刚刚发了: {$frame->data}");
});
//监听WebSocket连接关闭事件
$ws->on('Close', function ($ws, $fd) {
echo "用户id::{$fd}离开\n";
});
$ws->start();
?>然后命令框操作 打开这个文件的目录 输入php ws_server.php 正常来说的话你会看到这个场景
对就是换了个行(在完成简单使用其一后不要关闭 其二也要用) 记住关闭命令行的时候记得ctrl+c 结束这个进程 不然会一直执行 解决方法看下面
(如果没出问题请忽略) 如果有报错 请看这里:https://www.51zuso.com/admin/p/710.html(你的监听端口是9502 别忘了把9501改成9502 结束进程之后再php ws_server.php试一下)
开启成功之后 我们去尝试一下是否打开成功 打开网页:http://www.easyswoole.com/wstool.html 服务器地址那一栏里输入 “ws://(这里是你刚刚开启服务器的ip地址 例如 127.0.5.123):9502” 之后点击开启连接
看到如图消息代表你已经开启成功 你也可以设置一下发包什么的 很有趣的
3.简单使用(其二)+宝塔Nginx配置wss 下面内容请在会让域名显示出你所指定的网页这个前提下学习
到这里是我最火大的地方了 先上官方文档:https://wiki.swoole.com/#/start/start_ws_server(先看 别用)
程序代码我们已经写过了并运行了 接下来把这段代码设为运行程序的代码(记得把下面 '（！！你的服务器ip！！）' 替换成你的服务器ip 不是你的域名地址 )
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<script>
function initWebSocket(wsUri) {
var websocket = new WebSocket(wsUri);
websocket.onopen = function (evt) {
console.log("连接建立中... " + wsUri);
};
websocket.onclose = function (evt) {
console.log("连接关闭中...", evt);
};
websocket.onmessage = function (evt) {
console.log("收到来自服务端的消息：", evt.data);
};
websocket.onerror = function (evt) {
console.log("发生错误...", evt);
};
return websocket;
}
var websocket = initWebSocket("ws://（！！你的服务器ip！！）:9502/");
var msg,
i = 0;
var loop = setInterval(function () {
msg = "Hello " + i++;
if (websocket.readyState == WebSocket.OPEN) {
websocket.send(msg);
console.log("已发送消息：" + msg);
} else {
clearInterval(loop);
console.log("连接已关闭，拜拜~");
}
}, 3000);
</script>
</body>
</html>运行这个页面 打开控制台查看打印 会出现两种情况
1.如果你是http协议 告诉你已发送消息: 什么什么什么的(成功)
2.如果你是https协议 他会告诉你 Uncaught DOMException: The operation is insecure.(失败)
如果你非要成功一次的话 把网址中的https中的s删掉就可以了
至于删掉还会继续https的情况(大坑) 参考:https://www.jb51.net/article/213620.htm 或者是你设置过强制https
但是在正常运行项目中不可能有http协议的客服端的 所以我们必须要解决第二种情况发生的错误
当你是ws://xxxxxxxx连接时 是不安全的 容易被窃听 所以https就直接不让你用 我们要去搞wss://xxxxxxxx这样的连接
宝塔Nginx配置wss:
完成之后回到运行程序的代码
// 把你之前的 'var websocket = initWebSocket("ws://（！！你的服务器ip！！）:9502/");'
// 改成
var websocket = initWebSocket("wss://（！！你的域名 注意是域名不是ip！！）/wss");再运行一下
发送成功 接受成功 接收后发送也成功
