Node.Js+Redis+Socket.IO 实现聊天室或推送消息

来源：互联网发布：警察巡逻图片知乎编辑：程序博客网时间：2024/05/16 07:13

基于Redis 推送，向Node.Js 推送消息，Node.Js 把消息推送給 Socket.IO(可以是WebSocket，也可以是long-Polling,由Socket.IO 封装)

需要 Redis服务端，Node.Js需要 redis模块和Socket.IO模块

Node.Js

HTML页面

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>socket</title>
<script type="text/javascript" src="https://cdn.socket.io/socket.io-1.2.0.js"></script>
<script type="text/javascript" src="jquery-2.1.1.min.js"></script>
</head>
<body>

<div style="width:100px; height:200px; border:1px solid red" id="show"></div>
<button id="sendBtn">发送消息</button>

<button id="leaveBtn">离开</button>
</body>

<script type="text/javascript">
// 创建一个Socket实例
// var socket = new WebSocket('ws://localhost:9000');
// socket.onopen = function(event) {
// // 发送一个初始化消息
// socket.send('I am zqz_client!');
// // 监听消息
// socket.onmessage = function(event) {
// console.log('收到服务端消息: ', event);
// };
// // 监听Socket的关闭
// socket.onclose = function(event) {
// console.log('socket关闭: ', event);
// };
// // 关闭Socket....
// //socket.close()
// };
</script>
<script type="text/javascript">
var div = $("#show");

//这个配置可以告诉socket.io 优先使用哪个模式，默认是 polling，websocket
var socket=io.connect('ws://127.0.0.1:1379', {"transports":['websocket', 'polling']}),//与服务器进行连接
send=document.getElementById('sendBtn'),
leave=document.getElementById('leaveBtn');
send.onclick=function(){
socket.emit('hi', 'hello!');
}
leave.onclick=function(){
window.opener=null;window.close()
socket.emit('leave', 'leave');
}
//接收来自服务端的信息事件c_hi
socket.on('c_hi',function(msg){
alert(msg)
});
socket.on('msgReceived', function(msg) {
console.log('msgReceived',msg);
div.append(msg + "<br/>");
});
// socket.on('c_leave',function(msg){
// alert(msg)
// })
</script>
</html>

阅读全文

0 0

Node.Js+Redis+Socket.IO 实现 聊天室或推送消息

Node.Js+Redis+Socket.IO 实现聊天室或推送消息