向前台传送json文件信息的webscoket示例

作者博客：漂小泊的博客
作者主站：小泊随記
原文地址：文章地址

---

爱就要大声说出来。

websocket简介

WebSocket是HTML5开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。

在WebSocket API中，浏览器和服务器只需要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。

浏览器通过 JavaScript 向服务器发出建立 WebSocket 连接的请求，连接建立以后，客户端和服务器端就可以通过 TCP 连接直接交换数据。

当你获取 Web Socket 连接后，你可以通过 send() 方法来向服务器发送数据，并通过 onmessage 事件来接收服务器返回的数据。

html代码

JS代码

var WebSocketServer = require('ws').Server;
var wss = new WebSocketServer({ port: 8080 });


wss.on('connection', function connection(ws) {
  ws.on('message', function incoming(message) {
    console.log('received: %s', message);
  });

  //引入json数据
  const data = require('./data/server.json');
  //转换数据类型
  var demo =JSON.stringify(data);
  console.log(typeof demo);
  //发送数据
  ws.send(demo);
});

完整代码

传送门：https://github.com/piaoxiaobo/websocket_demo
帮助到你记得点个star哦~~

联系小泊

email：[email protected]