Bendi新闻
>
配置 Nginx 反向代理 WebSocket

配置 Nginx 反向代理 WebSocket

4月前

链接:https://www.cnblogs.com/connect/p/nginx-proxy-websocket.html

什么是Nginx

Nginx (engine x) 是一个高性能的HTTP和反向代理服务器,也是一个IMAP/POP3/SMTP服务器。

Nginx是一款轻量级的Web 服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器,并在一个BSD-like 协议下发行。其特点是占有内存少,并发能力强,事实上nginx的并发能力确实在同类型的网页服务器中表现较好。

什么是WebSocket

WebSocket协议是创建客户端和服务器端需要实时双向通讯的webapp提供了一个选择。其为HTML5的一部分,WebSocket相较于原来开发这类app的方法来说,其能使开发更加地简单。

WebSocket协议是基于TCP的一种新的网络协议。它实现了浏览器与服务器全双工(full-duplex)通信——允许服务器主动发送信息给客户端。

在实现websocket连线过程中,需要通过浏览器发出websocket连线请求,然后服务器发出回应,这个过程通常称为“握手” 。在 WebSocket API,浏览器和服务器只需要做一个握手的动作,然后,浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。在此WebSocket 协议中,为我们实现即时服务带来了两大好处:

  1. Header。互相沟通的Header是很小的-大概只有 2 Bytes。

  2. Server Push。服务器的推送,服务器不再被动的接收到浏览器的请求之后才返回数据,而是在有新数据时就主动推送给浏览器。

什么是noVNC

noVNC提供一种在网页上通过html5的Canvas,访问机器上vncserver提供的vnc服务,需要做tcp到websocket的转化,才能在html5中显示出来。网页就是一个客户端,类似win下面的vncviewer,只是此时填的不是裸露的vnc服务的ip+port,而是由noVNC提供的websockets的代理,在noVNC代理服务器上要配置每个vnc服务,noVNC提供一个标识,去反向代理所配置的vnc服务。

WebSocket代理

要将客户端和服务器之间的连接从HTTP / 1.1转换为WebSocket,使用HTTP / 1.1中提供的协议切换机制。

然而有一个微妙之处:由于“Upgrade”是一个 逐跳的头,它不会从客户端传递到代理服务器。使用正向代理,客户可以使用该CONNECT 方法来规避这个问题。但是,这不适用于反向代理,因为客户端不知道任何代理服务器,并且需要在代理服务器上进行特殊处理。

从版本1.3.13开始,nginx实现了特殊的操作模式,如果代理服务器返回了代码101(交换协议)的响应,客户端和代理服务器之间建立隧道,客户端通过请求中的“Upgrade”请求头。

如上所述,包括“Upgrade”和“Connection”的逐跳标题不会从客户端传递到代理服务器,因此为了让代理服务器知道客户端将协议切换到WebSocket的意图,这些标题必须明确地通过:

http {
map $http_upgrade $connection_upgrade {
default upgrade;
'' close;
}

server {
listen 80; #修改监听的端口
server_name _;
location / {
proxy_pass #修改为需要被反向代理的WebSocket的IP和端口号
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection $connection_upgrade;
}
}

默认情况下,如果代理服务器在60秒内没有传输任何数据,连接将被关闭。这个超时可以通过proxy_read_timeout指令来增加 。或者,代理服务器可以配置为周期性地发送WebSocket ping帧来重置超时并检查连接是否仍然存在。

实例--以代理noVNC为例

实验环境

  1. 已经安装好noVNC的CentOS7虚拟机[安装说明](叫它vnc-server),IP地址(NAT模式)为192.168.204.10

  2. 最小化安装的CentOS7虚拟机(叫它proxy-server),IP地址(NAT模式)为192.168.204.133,IP地址(仅主机模式)为192.168.50.128

  3. Windows7虚拟机(叫它client),IP地址(仅主机模式)为192.168.50.129

  4. 首先vnc-serverclient的网络是隔离的,现在让proxy-server反向代理vnc-servernoVNC服务,达到的效果是client访问proxy-server就可以访问到vnc-servernoNVC服务

配置proxy-server

proxy-server上关闭防火墙

setenforce 0
systemctl stop firewalld
systemctl disable firewalld

proxy-server上安装nginx

yum install -y epel*
yum install -y nginx
systemctl start nginx
systemctl enable nginx

proxy-server上编辑Nginx的配置文件

vim /etc/nginx/nginx.conf

http区块添加如下内容

map $http_upgrade $connection_upgrade {
default upgrade;
'' close;
}

server {
listen 8080; #修改监听的端口
server_name _;
location / {
proxy_pass http://192.168.204.10:6080/; #修改为需要被反向代理的WebSocket的IP和端口号
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection $connection_upgrade;
}
}

重启nginx服务

systemctl restart nginx

client上测试

Windows7网卡配置

通过火狐浏览器访问proxy-server仅主机网卡的web服务http://192.168.50.128:8080/vnc.html
可以看到,通过nginx已经成功代理了WebSocket

END

官方站点:www.linuxprobe.com

Linux命令大全:www.linuxcool.com

刘遄老师QQ:5604215

Linux技术交流群:2636170

(新群,火热加群中……)

想要学习Linux系统的读者可以点击"阅读原文"按钮来了解书籍《Linux就该这么学》,同时也非常适合专业的运维人员阅读,成为辅助您工作的高价值工具书!


微信扫码关注该文公众号作者

来源:Linux就该这么学

相关新闻

揭开真相:你可能不知道的Nginx Location配置误区解析死磕nginx系列-nginx日志配置【投票】这10款配置,你们更喜欢哪个?当前低利率环境下,如何做好资产配置?彻底爆了!一觉醒来黄金创历史新高,突破2500美元!未来还有多大空间,黄金到底如何配置?行业观察|恒友汇《2024下半年宏观经济展望及资产配置策略指引》重磅发布A股突发!成交量跌破5000亿元,创4年来新低,3600多只个股下跌!机构:A股处于估值洼地,配置性价比较高聊一款配置与众不同的Windows掌机官宣!加拿大政府:砍低薪外国工人配额、裁减最低工资劳工!资源配置跟不上了4499-11666元,新品首发R7-9700X,十款DIY配置机械革命蛟龙 16 Pro 游戏本新增配置:锐龙 9 7940HX + RTX 4070,叠券到手价 7279 元金融大动荡时代该如何投资?|全球资产配置资产配置已进入保险时代,外国人纷纷配置美国保险!中国资产的配置价值BB鸭 | ​iPhone 16 Pro或在印度生产;李想疑内涵车企抵制周销榜;vivo X200配置曝光;比亚迪工厂卫星图流出2024年8月资产配置报告聚焦ETF市场 | 未配置英伟达的ETF很难跑赢大盘?也并非不可能低价独显主机,蓝宝石RX6500XT-4G各种配置有钱人为什么都在配置美元资产?数据首发!激光雷达车型交付配置率超60%,问界/极氪热销带货资产配置要避的雷区,你中了几条?千元配置,横扫各大平台「人体工学椅」榜单!型号升级,现在清库存,不要错过!《数据周报30》:中国家庭该如何配置资产?做资产配置,一定要了解的美林投资时钟
logo
联系我们隐私协议©2024 bendi.news
Bendi新闻
Bendi.news刊载任何文章,不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。文章信息的合法性及真实性由其作者负责,与Bendi.news及其运营公司无关。欢迎投稿,如发现稿件侵权,或作者不愿在本网发表文章,请版权拥有者通知本网处理。