websocket

复制代码
<html>
    <body>
        this is test!!!!
    </body>
    <script>
        var ws = new WebSocket('ws://localhost:8080');
        ws.onopen = function () {
        //   console.log('' + 'ws onopen');
          setTimeout(()=>{
            ws.send('hahaa');
          },3000)
        };
        ws.onmessage = function (e) {
            console.log('client:receive'+ e);
        };
      </script>
</html>
View Code
复制代码
复制代码
var app = require('express')();
var server = require('http').Server(app);
var WebSocket = require('ws');

var wss = new WebSocket.Server({ port: 8080 });

wss.on('connection', function connection(ws) {
    // console.log('');
    
    ws.on('message', function incoming(message) {
        console.log('server:recesive:'+message);
    });

    setTimeout(()=>{
        ws.send('world');
      },3000)
});

app.get('/', function (req, res) {
  res.sendfile(__dirname + '/index.html');
});

app.listen(3000);
View Code
复制代码

 

 

 

一篇完善的描述。

https://juejin.im/post/5a4e6a43f265da3e303c4787

https://www.jianshu.com/p/59b5594ffbb0 

#### websocket 与Http对比图

 

#### websocket http socket tcp之间的关系

https://juejin.im/entry/59155514a22b9d0058ff8b9a 

#### 为什么用websocket替换http.

https://www.jianshu.com/p/0e5b946880b4

#### websocket的优势。

#### websock 事件方法属性 常量。

https://juejin.im/post/5a1bdf676fb9a045055dd99d

#### websocket 的ws和wss

 

#### websock 区分二进制和json

复制代码
WebSocket支持文本和二进制数据传输，浏览器如果接收到文本数据，会将其转换为DOMString 对象，如果是二进制数据或Blob 对象，可直接将其转交给应用或将其转化为ArrayBuffer，由应用对其进行进一步处理。
// 接收数据
wss.onmessage = function(msg) {
  if(msg.data instanceof ArrayBuffer) {
    processArrayBuffer(msg.data);
  } else {
    processText(msg.data);
  }
}
复制代码

Ps: Blob ArrayBuffer

Blob 对象是包含有只读原始数据的类文件对象，可存储二进制数据，它会被写入磁盘；ArrayBuffer （缓冲数组）是一种用于呈现通用、固定长度的二进制数据的类型，作为内存区域可以存放多种类型的数据。

对于将要传输的二进制数据，开发者可以决定以何种方式处理，可以更好的处理数据流，Blob 对象一般用来表示一个不可变文件对象或原始数据，如果你不需要修改它或者不需要把它切分成更小的块，那这种格式是理想的；如果你还需要再处理接收到的二进制数据，那么选择ArrayBuffer 应该更合适。
View Code

 

✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈✈

#### 遇到的一些问题的解决方案 

#### 使用wss可以解决中间设备对数据的感知的变化，避免中间设备对请求做特殊处理。

 

posted @   飘然离去  阅读(158)  评论(0)  编辑  收藏  举报
努力加载评论中...
点击右上角即可分享
微信分享提示