宝塔面板部署websocket+php
文章描述：
后端 Thinkphp6 http/Worker.php文件0.0.0.0和127.0.0.1都 […]
后端
Thinkphp6 http/Worker.php文件0.0.0.0和127.0.0.1都可以用
// protected $socket = 'http://0.0.0.0:2346';
protected $socket = 'http://127.0.0.1:2346';
宝塔面板
进程收货管理器 → 添加守护进程 内容如下：
添加完成后启动查看日志是否启动成功
服务器和宝塔面板安全组开启2346端口
前端
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1, user-scalable=no">
<title>websocket</title>
</head>
<body>
<input id="text" value="">
<input type="submit" value="send" onclick="start()">
<input type="submit" value="close" onclick="close()">
<div id="msg"></div>
<script>
/**
0：未连接
1：连接成功，可通讯
2：正在关闭
3：连接已关闭或无法打开
*/
//创建一个webSocket 实例
var webSocket = new WebSocket("wss://h5.miyil.com/renren_admin/websocket");
webSocket.onerror = function (event){
onError(event);
};
// 打开websocket
webSocket.onopen = function (event){
onOpen(event);
};
//监听消息
webSocket.onmessage = function (event){
onMessage(event);
};
webSocket.onclose = function (event){
onClose(event);
}
//关闭监听websocket
function onError(event){
document.getElementById("msg").innerHTML = "<p>close</p>";
console.log("error"+event.data);
};
function onOpen(event){
console.log("open:"+sockState());
document.getElementById("msg").innerHTML = "<p>Connect to Service</p>";
};
function onMessage(event){
console.log("onMessage");
document.getElementById("msg").innerHTML += "<p>response:"+event.data+"</p>"
};
function onClose(event){
document.getElementById("msg").innerHTML = "<p>close</p>";
console.log("close:"+sockState());
webSocket.close();
}
function sockState(){
var status = ['未连接','连接成功，可通讯','正在关闭','连接已关闭或无法打开'];
return status[webSocket.readyState];
}
function start(event){
console.log(webSocket);
var msg = document.getElementById('text').value;
document.getElementById('text').value = '';
console.log("send:"+sockState());
console.log("msg="+msg);
webSocket.send("msg="+msg);
document.getElementById("msg").innerHTML += "<p>request"+msg+"</p>"
};
function close(event){
webSocket.close();
}
</script>
</body>
</html>
网站
伪静态
location ~* (runtime|application)/{
return 403;
}
location / {
if (!-e $request_filename){
rewrite ^(.*)$ /index.php?s=$1 last; break;
}
}
配置文件
第一行添加
map $http_upgrade $connection_upgrade {
default upgrade;
'' close;
}
upstream websocket {
server 127.0.0.1:2346; #要改成renren_admin后端的端口
}
搜索：#SSL-END 在下面添加
#
location /renren_admin/websocket {
proxy_pass http://websocket/renren_admin/websocket;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "Upgrade";
}
#
发布时间：2024/04/07
发表评论