用swoole实现简单IM聊天室demo

写在前面:本博文内容取自 http://www.php.cn/course/658.html 课程内容,课程讲的不深,但作为swoole入门教程是肯定够了,感兴趣的同学可以去学习一下

博主最近开始学习swoole，闲来没事就想与大家分享一下这个用swoole+websocket实现的简单聊天室demo
开发环境:
Centos 7,PHP 版本7.0.32
前端index.html页面:

<!DOCTYPE html>
<html>
<head lang="en"><meta charset="UTF-8"><title id="myTitle">IM</title>
</head>
<style>
body {background-color:green;
}
#myname {width:120px;height:30px;
}
.setUserName {width:80px;height:30px;
}
#msg{margin:80px 300px;width:450px;height:200px;background-color:white;
}
.show_send{margin:0px 300px;
}
#text{width:200px;height:50px;
}
.send_button{width:80px;height:30px;
}
</style>
<body><h1>swoole-websocket 及时通讯demo</h1><!--发送信息--><div id="send_msg" class="main box-shadow" style="display:none;"><div id="msg"></div><div class="show_send"><input type="text" id="text"><input class="send_button" value="发送数据" type="submit" onclick="send_message()"></div></div><!--设置昵称--><div id="setName" class="box-shadow" style="display:block;margin:200px 150px 200px 550px;"><input type="text" id="myname"/><input type="submit" class="setUserName" value="设置昵称" onclick="send_name()"></div>
</body>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
var msg = document.getElementById("msg");
var wsServer = 'ws://192.168.8.131:9502';
var websocket = new WebSocket(wsServer);
websocket.onopen = function(evt){// msg.innerHTML = websocket.readyState;/*connecting 0 open 1closing 2closed 3*/
}
websocket.onmessage = function(evt){msg.innerHTML += evt.data+'<br />';console.log('从服务器获取到的数据:'+ evt.data);
}
websocket.onclose = function(evt){console.log("服务器拒绝");
}
websocket.onerror = function(evt,e){console.log('错误:'+evt.data);
}
function send_message(){var text = document.getElementById('text').value;document.getElementById('text').value = '';websocket.send(text);
}
function send_name(){var text = document.getElementById('myname').value;websocket.send("#name#"+text);var myTitle = document.getElementById("myTitle");myTitle.innerHTML = "IM" +text;alert("设置成功");var setName = document.getElementById("setName");setName.style.display = "none";var send_msg = document.getElementById("send_msg");send_msg.style.display = "block";
}
</script>
</html>

服务端index.php代码:

<?php
//服务器代码
//创建websocket 服务器
$ws = new swoole_websocket_server("0.0.0.0",9502);
// open
$ws->on('open',function($ws,$request){echo "新用户 $request->fd 加入。\n";$GLOBALS['fd'][$request->fd]['id'] = $request->fd;//设置用户id$GLOBALS['fd'][$request->fd]['name'] = '匿名用户';//设置用户名});
//message
$ws->on('message',function($ws,$request){$msg = $GLOBALS['fd'][$request->fd]['name'].":".$request->data."\n";if(strstr($request->data,"#name#")){//用户设置昵称$GLOBALS['fd'][$request->fd]['name'] = str_replace("#name#",'',$request->data);}else{//进行用户信息发送//发送每一个客户端foreach($GLOBALS['fd'] as $i){$ws->push($i['id'],$msg);}}
});
//close
$ws->on('close',function($ws,$request){echo "客户端-{$request} 断开连接\n";unset($GLOBALS['fd'][$request]);//清楚连接仓库
});
$ws->start();

运行程序:

浏览器输入页面所在地址即可进行测试:

用swoole实现简单IM聊天室demo相关推荐

swoole+redis(websocket聊天室demo)
websocket是不同于http的另外一种网络通信协议,能够进行双向通信,基于此,可开发出各种实时通信产品,我简单做了个聊天室demo,顺便分享一下. PHP的swoole扩展,正如作者所说,是PH ...
vue php聊天室,Laravel + Swoole 打造IM简易聊天室
Laravel + Swoole 打造IM简易聊天室最近在学习Swoole,利用Swoole扩展让PHP生动了不少,本篇就来Swoole开发一款简易的IM聊天室应用场景:实现简单的即时消息聊天室. ...
ICE专题：实现简单的聊天室（一）
目标:实现一个简单的聊天室.本文实现的聊天室仅出于演示ICE的多播功能,即由一个Client发送的消息,广播至注册的其他Client上.以后的系列文章,将逐步完善这个例子,使其成为一个现实意义上可用的 ...
java udp简单聊天程序_Java基于UDP协议实现简单的聊天室程序
最近比较闲,一直在抽空回顾一些java方面的技术应用. 今天没什么事做,基于udp协议,写了一个非常简单的聊天室程序. 现在的工作,很少用到socket,也算是对java网络编程方面的一个简单回忆. ...
Application对象简单的聊天室
使用Application对象可以使得多个用户在访问同一个asp.net应用程序时,能够共享信息,在多个用户同时访问asp.net时,都会产生一个Application对象.通常可以把共享的数据变量存 ...
可以发送图片文件的php聊天室,基于 Swoole 开发实时在线聊天室（十四）：发送图片消息...
基于 Swoole 开发实时在线聊天室(十四):发送图片消息由学院君创建于1年前, 最后更新于 1年前版本号 #1 2055 views 0 likes 0 collects 上篇教程我们演示 ...
java 简单的聊天室_Java简单聊天室
实现Java简单的聊天室所用主要知识:多线程+网络编程效果如下图 /** * * @author Administrator * *简单的多人聊天系统--重点:同时性,异步性 *1.客户端:发送消 ...
【技术】uniapp之聊天室 demo
[技术] uniapp 之聊天室 demo 效果代码 <template><view><view class="content" @touchst ...
SpringBoot入门建站全系列（二十七）WebSocket做简单的聊天室
SpringBoot入门建站全系列(二十七)WebSocket做简单的聊天室一.概述 WebSocket 是一种网络通信协议.RFC6455 定义了它的通信标准. WebSocket 是 HTML5 ...

用swoole实现简单IM聊天室demo

用swoole实现简单IM聊天室demo相关推荐

最新文章

热门文章