WebSocket

WebSocket 安装 和 配置

 

websocket 介绍

WebSocket协议相比较于HTTP协议成功握手后可以多次进行通讯,直到连接被关闭。

但是WebSocket中的握手和HTTP中的握手兼容,它使用HTTP中的Upgrade协议头将连接从HTTP升级到WebSocket。

这使得WebSocket程序可以更容易的使用现已存在的基础设施。

WebSocket工作在HTTP的80和443端口并使用前缀ws://或者wss://进行协议标注,在建立连接时使用HTTP/1.1的101状态码进行协议切换,当前标准不支持两个客户端之间不借助HTTP直接建立Websocket连接。

 

创建基于Node的WebSocket服务

 

安装node.js和npm

不要 yum 安装 node.js和npm,  yum安装出来的版本是 0.10的版本 安装不了ws 和 wscat

# 下载
wget https://npm.taobao.org/mirrors/node/v8.3.0/node-v8.3.0-linux-x64.tar.gz

# 解压
tar -xvf node-v8.3.0-linux-x64.tar.gz
 
# 建立软链
ln -s /usr/local/src/node-v8.3.0-linux-x64/bin/npm /usr/bin/node
ln -s /usr/local/src/node-v8.3.0-linux-x64/bin/npm /usr/bin/npm

# 设置下载源
npm config set registry https://registry.npm.taobao.org

# 初始化npm
npm init --yes

# 安装node.js和npm 模块
npm i ws wscat -S

 

创建一个简单的服务端

 

vim server.js
console.log(
"Websocket Server started"); var Msg = ''; var WebSocketServer = require('ws').Server   , wss = new WebSocketServer({port: 8010});   wss.on('connection', function(ws) {     ws.on('message', function(message) {     console.log('Received from client: %s', message);     ws.send('Server received from client: ' + message);   });  });

运行

[root@localhost websocket]#  node server.js
Server started

验证

[root@localhost ~]# netstat -tlunp|grep 8010
tcp 0 0 0.0.0.0:8010 0.0.0.0:* LISTEN 2252/node

 

使用wscat做为客户端测试

[root@localhost bin]# ./wscat --connect ws://0.0.0.0:8010
Connected (press CTRL+C to quit)
> Hello
< Server received from client: Hello

到这里  暂时就是成功了

 

 

使用Nginx对WebSocket进行反向代理

配置NGINX文件

vim /usr/local/nginx/conf/nginx.conf
# 在http上下文中增加如下配置,确保Nginx能处理正常http请求。 http{ map $http_upgrade $connection_upgrade { default upgrade;
'' close; } upstream websocket { #ip_hash; server localhost:8010; server localhost:8011; } # 以下配置是在server上下文中添加,location指用于websocket连接的path。 server { listen 80; server_name localhost; access_log /var/log/nginx/access.log; location / { proxy_pass http://websocket; proxy_read_timeout 300s; 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;
# 最重要的就是在反向代理的配置中增加了如下两行,其它的部分和普通的HTTP反向代理没有任何差别。 proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection $connection_upgrade; } } }

 这两个字段表示请求服务器升级协议为WebSocket。服务器处理完请求后,响应如下报文# 状态码为101 

HTTP/1.1 101 Switching Protocols
Upgrade: websocket
Connection: upgrade

 

 解释:

告诉客户端已成功切换协议,升级为Websocket协议。

握手成功之后,服务器端和客户端便角色对等,就像普通的Socket一样,能够双向通信。

不再进行HTTP的交互,而是开始WebSocket的数据帧协议实现数据交换。

这里使用map指令可以将变量组合成为新的变量,会根据客户端传来的连接中是否带有Upgrade头来决定是否给源站传递Connection头,这样做的方法比直接全部传递upgrade更加优雅。

默认情况下,连接将会在无数据传输60秒后关闭,proxy_read_timeout参数可以延长这个时间或者源站通过定期发送ping帧以保持连接并确认连接是否还在使用。

 

 

 

 试通过Nginx访问WebSocket服务

cd ./wscat/bin/
./wscat --connect ws://192.168.2.210
connected (press CTRL+C to quit)
> Hello Nginx
< Server received from client: Hello Nginx
> Welcome to https://www.cnblogs.com/huidou/< Server received from client: Welcome to https://www.cnblogs.com/huidou/

 

 

 大功告成!

 

posted @ 2020-09-21 15:44  H·c  阅读(339)  评论(0编辑  收藏  举报