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

最新推荐文章于 2024-08-12 08:48:38 发布

houyanhua1

最新推荐文章于 2024-08-12 08:48:38 发布

阅读量742

点赞数 1

分类专栏： Node.js 文章标签： Node.js node websocket socket.io

本文链接：https://blog.csdn.net/houyanhua1/article/details/80389945

版权

Node.js 专栏收录该内容

48 篇文章 4 订阅

订阅专栏

学习文档笔记：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>