【原创】mock websocket链接的方法

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

你可能感兴趣的:(mock,websocket,前端,web,前端学习总结)