swoole websocket 简单示例

最新推荐文章于 2024-05-08 08:32:47 发布

tuzhichao

最新推荐文章于 2024-05-08 08:32:47 发布

阅读量1.2k

点赞数

分类专栏： swoole websocket

本文链接：https://blog.csdn.net/tuzhichao/article/details/82379748

版权

swoole 同时被 2 个专栏收录

1 篇文章 0 订阅

订阅专栏

websocket

1 篇文章 0 订阅

订阅专栏

请确保服务器已安装配置好swoole

1. 服务端 ws.php

<?php
 
$server = new swoole_websocket_server("0.0.0.0", 9501);
 
$server->on('open', function (swoole_websocket_server $server, $request) {
    echo "server: handshake success with fd{$request->fd}\n";
});
 
$server->on('message', function (swoole_websocket_server $server, $frame) {
    foreach($server->connections as $key => $fd) {
        $user_message = $frame->data;
        $server->push($fd, $user_message);
    }
 
});
 
$server->on('close', function ($ser, $fd) {
    echo "client {$fd} closed\n";
});
 
$server->start();

2. 客户端 ws.html

<!DOCTYPE html>
<html> 
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style>
        *{
            margin:0px;
            padding:0px;
        }
    </style>
</head>
 
<body>
    <div style="margin-left:400px">
        <div style="border:1px solid;width: 600px;height: 500px;">
            <div id="msgArea" style="width:100%;height: 100%;text-align:start;resize: none;font-family: 微软雅黑;font-size: 20px;overflow-y: scroll"></div>
        </div>
        <div style="border:1px solid;width: 600px;height: 200px;">
            <div style="width:100%;height: 100%;">
                <textarea id="userMsg" style="width:100%;height: 100%;text-align:start;resize: none;font-family: 微软雅黑;font-size: 20px;"></textarea>
            </div>
        </div>
        <div style="border:1px solid;width: 600px;height: 25px;">
            <button style="float: right;" onclick="sendMsg()">发送</button>
        </div>
    </div>
</body>
 
</html>
<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script>
    var ws;
    $(function(){
        link();
    })
 
    function link () {
        ws = new WebSocket("ws://6hzp.cz.com:9501");//连接服务器
        ws.onopen = function(event){
            console.log(event);
            alert('连接了');
        };
        ws.onmessage = function (event) {
            var msg = "<p>"+event.data+"</p>";
            $("#msgArea").append(msg);
        }
        ws.onclose = function(event){alert("已经与服务器断开连接\r\n当前连接状态："+this.readyState);};
 
        ws.onerror = function(event){alert("WebSocket异常！");};
    }
 
    function sendMsg(){
        var msg = $("#userMsg").val();
        ws.send(msg);
    }
</script>

tuzhichao

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
swoole websocket 简单示例

请确保服务器已安装配置好swoole1. 服务端 ws.php &lt;?php $server = new swoole_websocket_server("0.0.0.0", 9501); $server-&gt;on('open', function (swoole_websocket_server $server, $request) { echo "server...
复制链接

扫一扫