socket.io 简单即时通信

2.js 

 

var http = require('http');
var io = require('socket.io');

var server = http.createServer((req,res)=>{

});
server.listen(2183);
var arr=[];

　　　　　　　　　　　　　　　　　　　　//接受当前发的人
io.listen(server).on('connection',(user)=>{
	//每进来一个哥们我都push一下
	arr.push(user);

	//无论谁发消息，user都能接受当前那个人发的消息
	user.on("msg",(str)=>{
		
		for(var i = 0;i < arr.length;i++){
			//所有的人都发一遍
			arr[i].emit('msg',str);
		}
	})
});

　

2.html 

<!doctype html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <script type="text/javascript" src='http://localhost:2183/socket.io/socket.io.js'></script>
    <title></title> 
    <script type="text/javascript">
    	onload=()=>{
    		let conn=io.connect('ws://localhost:2183');
            //点击的时候,向服务发送数据
    		b.onclick = x=>{
    			conn.emit('msg',t.value)
    		};
            //后台传过来的数据，我前台接受下 conn.on()
    		conn.on('msg',(str)=>{
    		//	console.log(str);
    			var oLi = document.createElement('li');
    			oLi.innerHTML = str;
    			ul.appendChild(oLi);
    		})

    	}
    </script>
</head>
<body>
<input type="text" name="" id='t'>
<button id='b'>发送</button>
<ul id='ul'></ul>
</body>
</html>

　　

posted @ 2019-05-24 11:28  来阿里啊呀  阅读(185)  评论(0)    收藏  举报