分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

nginx websocket配置

发布时间:2023-09-06 02:09责任编辑:蔡小小关键词:配置nginxwebsocket
一·什么是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 install nodejs npm

安装ws和wscat模块

ws是nodejs的WebSocket实现,我们借助它来搭建简单的WebSocket Echo Server。

wscat是一个可执行的WebSocket客户端,用来调试WebSocket服务是否正常。

npm install ws wscat

创建一个简单的服务端

$ vim server.jsconsole.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);    }); });

运行服务端

$ node server.js  Server started

验证服务端是否正常启动

$ netstat  -tlunp|grep 8010tcp6       0      0 :::8010                 :::*                    LISTEN      23864/nodejs

使用wscat做为客户端测试

wscat命令默认安装当前用户目录node_modules/wscat/目录,我这里的位置是/root/node_modules/wscat/bin/wscat

输入任意内容进行测试,得到相同返回则说明运行正常。


$ cd /root/node_modules/wscat/bin/$ ./wscat --connect ws://127.0.0.1:8010connected (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

yum -y install nginx

配置Nginx Websocket

$ 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反向代理没有任何差别。

proxy_set_header Upgrade $http_upgrade;proxy_set_header Connection $connection_upgrade;

这里面的关键部分在于HTTP的请求中多了如下头部:

Upgrade: websocketConnection: Upgrade

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


HTTP/1.1 101 Switching ProtocolsUpgrade: websocketConnection: upgrade

告诉客户端已成功切换协议,升级为Websocket协议。握手成功之后,服务器端和客户端便角色对等,就像普通的Socket一样,能够双向通信。不再进行HTTP的交互,而是开始WebSocket的数据帧协议实现数据交换。

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

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

启动nginx

/etc/init.d/nginx start

测试通过Nginx访问WebSocket服务

$ cd /root/node_modules/wscat/bin/$ ./wscat --connect ws://192.168.2.210connected (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

nginx websocket配置

原文地址:http://blog.51cto.com/8341475/2156997

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved