Node.js WebSocket协议,全双工通信(基于事件)

学习文档笔记:https://pan.baidu.com/s/1zIOiGyEEZdmiWqBeLPoNjg

密码:ker5


app.js(服务器端):

var http = require("http");
var fs = require("fs");

var server = http.createServer(function(req,res){
    if(req.url == "/"){
        //显示首页
        fs.readFile("./index.html",function(err,data){
            res.end(data);
        });
    }
});

//创建一个io对象
var io = require('socket.io')(server);
//监听连接事件
io.on("connection",function(socket){
    console.log("1个客户端连接了");
    // 监听客户端的事件
    socket.on("clientSend",function(msg){
        console.log("客户端说:" + msg);
        socket.emit("serverSend","服务器的消息");  // emit触发事件
        io.emit("serverBroadcast","服务端的广播消息");  // 触发广播事件
    });
});

server.listen(3000,"127.0.0.1");


./index.html(客户端页面):

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<h1>我是index页面,我引用了秘密script文件</h1>
	<textarea name="" id="dig" cols="100" rows="6"></textarea> <br />
	<input type="button" value="发送消息" id="btn"/>

	<script type="text/javascript" src="/socket.io/socket.io.js"></script>  <!-- 引用客户端需要的JS文件 -->
	<script type="text/javascript">
		var socket = io();  // 通过 io()获取socket对象。
		//点击按钮之后,触发事件
		document.getElementById("btn").onclick = function(){
			socket.emit("clientSend",document.getElementById("dig").value);  // emit触发事件
		};

		// 监听服务端的事件
		socket.on("serverSend",function(msg){
			console.log("服务器说:" + msg);
		});

        // 监听服务端的广播事件
        socket.on("serverBroadcast",function(msg){
            console.log("服务器广播:" + msg);
        });
	</script>
</body>
</html>


猜你喜欢

转载自blog.csdn.net/houyanhua1/article/details/80389945
今日推荐