• 详解nginx 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

    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

  • 相关阅读:
    十. 代码格式化插件 Tag
    小知识点
    IE11 打开方式 出现两个图标
    一 OS X 焦点 切换
    九. 边栏工具 浏览器工具 SideBarEnhancements
    Django进阶之缓存和信号
    Django进阶之中间件
    Python 堡垒机编程之Paramiko
    Django ORM补充
    Web 开发基础之Html
  • 原文地址:https://www.cnblogs.com/gao88/p/11846928.html
Copyright © 2020-2023  润新知