websocket协议

时间 2019-12-22

标签 websocket 协议繁體版

原文原文链接

传统的http协议有个缺点，就是只能由客户端不断地主动发起请求，服务端才把信息返回到客户端，服务端是不会主动给客户端发消息的，这就是传统的单向请求，web

而websocket是双向的，在单个 TCP 链接上进行全双工通信，先后端会有一次握手，握手一旦成功后，只要有消息，服务端就会实时的推送给客户端，客户端不须要每一次去发问，WebSocket 只须要创建一次链接，就能够一直保持链接状态。这相比于轮询方式的不停创建链接显然效率要大大提升。segmentfault

如下是websocket的一些特色后端

（1）创建在 TCP 协议之上，服务器端的实现比较容易。
（2）与 HTTP 协议有着良好的兼容性。默认端口也是80和443，而且握手阶段采用 HTTP 协议，所以握手时不容易屏蔽，能经过各类 HTTP 代理服务器。
（3）数据格式比较轻量，性能开销小，通讯高效。
（4）能够发送文本，也能够发送二进制数据。
（5）没有同源限制，客户端能够与任意服务器通讯。
（6）协议标识符是ws（若是加密，则为wss），服务器网址就是 URL。浏览器

在服务端
WebSocket 在服务端的实现很是丰富。Node.js、Java、C++、Python 等多种语言都有本身的解决方案。
基于多线程或多进程的服务器没法适用于 WebSockets，由于它旨在打开链接，尽量快地处理请求，而后关闭链接。任何实际的 WebSockets 服务器端实现都须要一个异步服务器。
WebSocket 代理
若是把 WebSocket 的通讯当作是电话链接，Nginx 的角色则像是电话接线员，负责将发起电话链接的电话转接到指定的客服。服务器

Nginx 从 1.3 版开始正式支持 WebSocket 代理。若是你的 web 应用使用了代理服务器 Nginx，那么你还须要为 Nginx 作一些配置，使得它开启 WebSocket 代理功能。websocket

如下为参考配置：多线程

server {
  // this section is specific to the WebSockets proxying
  location /socket.io {
    proxy_pass http://app_server_wsgiapp/socket.io;
    proxy_redirect off;

    proxy_set_header Host $host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection "upgrade";
    proxy_read_timeout 600;
  }
}

在客户端
建立 WebSocket 对象。app

var Socket = new WebSocket(url, [protocol] );
以上代码中的第一个参数 url, 指定链接的 URL。第二个参数 protocol 是可选的，指定了可接受的子协议异步

WebSocket对象的2个属性（都是只读）socket

readyState bufferedAmount

WebSocket对象的4个事件

open message error close

WebSocket对象的2个方法

send() close()

示例

// 初始化一个 WebSocket 对象
var ws = new WebSocket('ws://localhost:9998/echo');

// 创建 web socket 链接成功触发事件
ws.onopen = function() {
// 使用 send() 方法发送数据
ws.send('发送数据');
alert('数据发送中...');
};

// 接收服务端数据时触发事件
ws.onmessage = function(evt) {
var received_msg = evt.data;
alert('数据已接收...');
};

// 断开 web socket 链接成功触发事件
ws.onclose = function() {
alert('链接已关闭...');
};

兼容问题

使用以前看浏览器是否支持websocket协议
对于低端不支持websocket的浏览器，通常有几个解决方案
//判断浏览器是否支持websocket 支持返回true
function check_support_websocket() {
return typeof WebSocket != 'undefined';
}

1.使用轮询或长链接的方式实现伪websocket的通讯

2.使用flash或其余方法实现一个websocket客户端：https://segmentfault.com/q/1010000005000671/a-1020000005003936

https://blog.csdn.net/u011925826/article/details/17532465