WebScoket的使用(实时通讯)

最新推荐文章于 2025-05-28 09:04:08 发布

桃桃（❀）

最新推荐文章于 2025-05-28 09:04:08 发布

阅读量345

点赞数

文章标签：即时通信 node.js

本文链接：https://blog.youkuaiyun.com/weixin_49770502/article/details/110850972

版权

本文介绍了WebSocket的使用，展示了前端如何通过ws://localhost:3000建立连接，并监听打开、消息、错误和关闭事件。同时，后端以Node.js为例，利用nodejs-websocket库创建服务器，监听文本消息并发送回给前端，以及处理连接关闭的情况。通过这个实例，读者可以理解WebSocket在实时通信中的基本操作。

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

WebScoket的使用

- - 前端写的内容
  - 后端要写的内容

前端写的内容

webScoket参数是要连接的服务的地址，使用ws协议

例：ws://localhost:3000

var connect = new webScoket('ws://localhost:3000')

connect.onopen = function(){
	console.log('开启ws连接 - 连接成功')
}
connect.onmessage = function(data){
	console.log('服务器传递过来的数据',data)
}
connect.onerror = function(code,reason){
	console.log('监听连接发生的错误')
}
connect.onclose = function(){
	console.log('关闭连接')
}


var obj = {
	msg:"要发送的信息"
}
//使用connect.send()向服务器发送数据，数据可以是基本数据类型，也可以是json
connect.send()JSON.Stringify(obj)

后端要写的内容

以nodejs为例 *

引入 nodejs - websocket
执行安装命令 npm install nodejs-websocket --save

var ws = require('nodejs-websocket')
ws.createServer(function(connect){
	connect.on('text',function(msg){
		connect.sendText('要发送给前端的数据')
	})
	connect.on('close',function(){
		console.log('连接关闭了')
	})
}).listen({
	port:3000,
	host:"localhost"
},function(){
	console.log("serve is running")
})