webSocket
程序员文章站
2022-03-16 20:05:05
WebSocket 客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据//前端页面 var connect=new WebSocket("ws://localhost:3000")//参数是要访问的服务器地址 使用的协议是ws协议 connect.onopen=function(){ console.log("开启连接,连接成功"); } connect.onmessage=function(...
WebSocket 客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据
//前端页面
var connect=new WebSocket("ws://localhost:3000")//参数是要访问的服务器地址 使用的协议是ws协议
connect.onopen=function(){
console.log("开启连接,连接成功");
}
connect.onmessage=function(data){
console.log("接受到服务器的数据",data);
}
connect.onerror=function(){
console.log("连接的错误")
}
connect.onclose=function(){
console.log("断开连接");
}
// 可以使用 connect.send()向服务器发送数据 这个数据可以是基本数据类型也可以是json
var obj = {
msg: "要发送的信息"
}
connect.send(JSON.stringify(obj))
//后端页面 以nodejs为例
npm install nodejs-websocket --save
var ws=require("nodejs-websocket");
ws.createServe(function(connection){
// 当前端发起连接时会触发
// 监听接收到的前端发过来的信息 msg 就是前端发送过来的数据
connection.on("text",function(msg){
console.log("要发送给前端的信息")
})
connection.on("close",function(){
console.log("断开连接")
})
}).listen({
port:"3000",
host:"localhost"
},function(){
console.log("服务启动中...")
})
本文地址:https://blog.csdn.net/W8034/article/details/107919770