在做一个websocket的数据推送功能,但是无法使用mock模拟数据,就用下面这种方式进行模拟,思路:node起一个服务后,推送随机数据。
第一步 可在全局安装安装依赖
npm i nodejs-websocket -g
第二步 将下面代码copy到一个index.js的文件中
//如果没有该段代码,客户端主动断开连接的话,会抛出tcp.read()异常,导致程序挂掉。
process.on('uncaughtException', function (err) {
console.log(err);
console.log(err.stack);
});
try{
var ws=require("nodejs-websocket")
var server=ws.createServer(function (conn) {
console.log("new connection");
/**
* 定时发送消息
*/
setInterval(()=>{
conn.sendText("send from server:")
},2000)
// 收到信息触发 接收 //
conn.on("text",function (str) {
console.log("received data:"+str)
conn.sendText("send from server:"+str)
})
// 断开连接触发 //
conn.on("close",function (coded,reason) {
console.log("connection closed")
})
// 出错触发 //
conn.on("error", function(code,reason) {
console.log('异常关闭', code)
})
}).listen(8088)
}
catch(e)
{
console.log("exception:"+e);
}
第三步 用node执行index.js文件,此时会看到控制台的下面的这个日志,说明websocket已经跑起来了。
new connection
第四步 在客户端的代码中编写下面代码
var ws = new WebSocket("ws://localhost:8088/");// 设置服务器地址
ws.onopen=function(){ // onopen 连接触发
console.log("websocket open");
ws.onclose=function(){ // onclose 断开触发
console.log("websocket close");
}
ws.onmessage =function(e){ // onmessage 接收到信息触发
console.log(”onmessage:“,e.data);
}
运行客户端,执行第四步,即可
在切换页面时记得把websocket关闭
ws.close()