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

若旧

昨天开始学的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>

复制代码

langmansh · 发表于 2020-8-3 20:14:16

啥也不说了，感谢好麦麦源码分享哇！

XRumerTest · 发表于 2021-2-21 00:01:07

langmansh ·±í 2020-8-3 20:14
óó·í

Hello. And Bye.

XRumerTest · 发表于 2021-3-6 08:56:59

langmansh ·±í 2020-8-3 20:14
óó·í

Hello. And Bye.

XRumerTest · 发表于 2021-4-28 22:35:10

Hello. And Bye.

XRumerTest · 发表于 2022-3-17 23:53:46

XRumerTest ·±í 2021-2-21 00:01
Hello. And Bye.

Hello. And Bye.

XRumerTest · 发表于 2022-3-23 15:59:13

Hello. And Bye.

XRumerTest · 发表于 2022-3-29 18:28:46

Hello. And Bye.

XRumerTest · 发表于 2022-4-6 05:24:07

Hello. And Bye.

XRumerTest · 发表于 2022-5-2 20:20:53

XRumerTest ·±í 2021-3-6 08:56
Hello. And Bye.

Hello. And Bye.

Test, just a test