在做一个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()

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐