swoole websocket實現

時間 2020-01-22

標籤 swoole websocket 實現简体版

原文原文鏈接

服務端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();
?>html

客戶端web

<!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;" οnclick="sendMsg()">發送</button>
</div>
</div>
</body>

</html>瀏覽器

開啓服務端websocket

在瀏覽器訪問客戶端就能夠看到效果了。親swoole

相關標籤/搜索

swoole+websocket

websocket+swoole+codeingiter

swoole+websocket+redis

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。