【技术分享】基于Swoole简单群聊小功能的实现

若旧 · 发表于 2020-6-24 16:21:49

昨天开始学的Swoole

作为学习路上的一个记录吧

也给还没开始学Swoole的同学提供一个Swoole基础的小案例

基于Swoole的Websocket

Websocket部分

复制代码

JS部分

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Swoole NO 1</title>
</head>
<body>
<h1 id="state"></h1>
<input type="text" placeholder="请输入发送内容:" id="msg">
<input type="button" value="发送消息" onclick="send()">
<div id="chat">
</div>
</body>
</html>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
<script>
var wsServer = 'ws://你的外网IP:9501';
var websocket = new WebSocket(wsServer);
websocket.onopen = function (evt) {
$('#state').text('恭喜，服务器连接成功');
};
websocket.onclose = function (evt) {
console.log("Disconnected");
};
websocket.onmessage = function (evt) {
$('#chat').append("<p>"+evt.data+"</p>");
};
websocket.onerror = function (evt, e) {
$('#state').text('服务器连接失败');
};
function send(){
let msg = $('#msg').val();
websocket.send(msg);
}
</script>

复制代码