利于workerman实现最简单的即时通讯

这里使用 GatewayWorker 搭建最简单的即时聊天。

由于本地电脑演示所以就下载的windows的 GatewayWorker。

开始搭建：

1.解压下载好的 GatewayWorker

2. 找到如下文件，24行 修改成 WebSocket 协议

3. 新建个html文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    <title>chat</title>
</head>
<body>
    <div>
        <textarea id="text" rows="20" cols="30"></textarea>
    </div>
    <input type="text" value="" id="content">
    <input type="submit" value="Send" id="send">
</body>
<script type="text/javascript">
    var ws = new WebSocket("ws://127.0.0.1:8282");
    //客户端发来消息触发回调函数
    ws.onmessage = function(e){
        //console.log(e);
        $('#text').append(e.data);
    }

    //点击发送按钮触发事件
    $('#send').click(function(){
        var message = $('#content').val();
        ws.send(message);//发送内容
        $('#content').val('');

    })
</script>
</html>

4. 双击运行：start_for_win.bat

5. 为了显示好看，也可以简单修改下业务逻辑文件，切记修改了文件要重启bat，不重启不生效

 

效果图：

 

posted @ 2021-03-05 01:26  华北业余选手  阅读(151)  评论(0)    收藏  举报