websocket

最新推荐文章于 2024-11-13 23:29:03 发布

零碎゛記忆。

最新推荐文章于 2024-11-13 23:29:03 发布

阅读量167

点赞数

CC 4.0 BY-SA版权

分类专栏： Websocket

本文链接：https://blog.youkuaiyun.com/qq_42827425/article/details/88409785

Websocket 专栏收录该内容

1 篇文章

订阅专栏

本文深入探讨了WebSocket和Socket.IO的技术细节，包括前后端如何通过WebSocket进行双向通信，Socket.IO库在Node.js和浏览器端的配置与使用，以及具体的代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

websocket

socket.io

ajax

前端主动发，后端被动收（req,res）

websocket

前端主动发，后端被动收（req,res）
后端主动发，前端被动收（req,res）

socket.io包含两部分，一部分在node的express下设置，另一部部分浏览器页面下加载socket.io.client.js

前端

要下载客户端socket.io.js文件，在页面中引入

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script src="javascripts/socket.io.js"></script>
		<script>
			var socket = io('http://localhost:3001');
			socket.on('connect', function() {});
			socket.on('event', function(data) {});
			socket.on('disconnect', function() {});
			//监听
			socket.on('getServerMessage', function(data) {
				console.log(data)
			});
		</script>
	</body>
</html>

后端

在express中使用，以下代码

var app = require('express')();
var server = require('http').createServer(app);
var io = require('socket.io')(server);
io.on('connection', function(){ /* … */ });
server.listen(3000);

接口	描述
`socket.on()`	发送信息
`socket.emit()`	接受信息

var app = require('express')();
	var server = require('http').createServer(app);
	var io = require('socket.io')(server);
	io.on('connection', function(socket) {
		//发送socket信息的逻辑写在这里
		/* … */
		//监听
		//socket.on();
		//发送
		setInterval(()=>{
			socket.emit('getServerMessage',parseInt(Math.random()*100));
		},1000)
	});
	server.listen(3001);