一·什么是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
1
|
$ yum
install
nodejs npm
|
安装ws和wscat模块
ws是nodejs的WebSocket实现,我们借助它来搭建简单的WebSocket Echo Server。
wscat是一个可执行的WebSocket客户端,用来调试WebSocket服务是否正常。
1
|
npm
install
ws wscat
|
创建一个简单的服务端
1
2
3
4
5
6
7
8
9
10
11
|
$ vim server.js
console.log(
"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);
});
});
|
运行服务端
1
2
|
$ node server.js
Server started
|
验证服务端是否正常启动
1
2
|
$ netstat -tlunp|grep 8010
tcp6 0 0 :::8010 :::* LISTEN 23864/nodejs
|
使用wscat做为客户端测试
wscat命令默认安装当前用户目录node_modules/wscat/目录,我这里的位置是/root/node_modules/wscat/bin/wscat
输入任意内容进行测试,得到相同返回则说明运行正常。
1
2
3
4
5
6
7
|
$
cd
/root/node_modules/wscat/bin/
$ .
/wscat
--connect ws:
//127
.0.0.1:8010
connected (press CTRL+C to quit)
> Hello
< Server received from client: Hello
> Welcome to www.hi-linux.com
< Server received from client: Welcome to www.hi-linux.com
|
三.使用Nginx对WebSocket进行反向代理
安装Nginx
1
|
yum -y
install
nginx
|
配置Nginx Websocket
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
|
$ 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/yourdomain
.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;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection $connection_upgrade;
}
}
}
|
最重要的就是在反向代理的配置中增加了如下两行,其它的部分和普通的HTTP反向代理没有任何差别。
1
2
|
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection $connection_upgrade;
|
这里面的关键部分在于HTTP的请求中多了如下头部:
1
2
|
Upgrade: websocket
Connection: Upgrade
|
这两个字段表示请求服务器升级协议为WebSocket。服务器处理完请求后,响应如下报文# 状态码为101
1
2
3
|
HTTP/1.1 101 Switching Protocols
Upgrade: websocket
Connection: upgrade
|
告诉客户端已成功切换协议,升级为Websocket协议。握手成功之后,服务器端和客户端便角色对等,就像普通的Socket一样,能够双向通信。不再进行HTTP的交互,而是开始WebSocket的数据帧协议实现数据交换。
这里使用map指令可以将变量组合成为新的变量,会根据客户端传来的连接中是否带有Upgrade头来决定是否给源站传递Connection头,这样做的方法比直接全部传递upgrade更加优雅。
默认情况下,连接将会在无数据传输60秒后关闭,proxy_read_timeout参数可以延长这个时间或者源站通过定期发送ping帧以保持连接并确认连接是否还在使用。
启动nginx
1
|
/etc/init.d/nginx start
|
试通过Nginx访问WebSocket服务
1
2
3
4
5
6
7
|
$
cd
/root/node_modules/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 www.hi-linux.com
< Server received from client: Welcome to www.hi-linux.com
|
测试成功,ok
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
来源:https://www.jb51.net/article/145390.htm