WebSockets和Apache代理:如何配置mod_proxy_wstunnel？

Question

我有：

>

Apache 2.4在我服务器的80端口上，启用了mod_proxy和mod_proxy_wstunnel

节点.js socket.io 在同一服务器的端口 3001 上

访问＜code＞示例。com（带有端口80）重定向到2。这得益于具有以下Apache配置的此方法：

<VirtualHost *:80>
    ServerName example.com
    ProxyPass / http://localhost:3001/
    ProxyPassReverse / http://localhost:3001/
    ProxyPass / ws://localhost:3001/
    ProxyPassReverse / ws://localhost:3001/
</VirtualHost>

它适用于所有事情，除了websocket部分 ：ws://...不是由代理传输的。

当我访问 example.com 上的页面时，我有：

Impossible to connect ws://example.com/socket.io/?EIO=3&transport=websocket&sid=n30rqg9AEqZIk5c9AABN.

问题：如何让Apache也代理WebSocket？

Answer 1

从1.0Socket.IO（2014年5月）开始，所有连接都以HTTP轮询请求开始（更多信息在这里）。这意味着除了转发WebSocket流量之外，您还需要转发任何传输=轮询HTTP请求。

下面的解决方案应该正确地重定向所有套接字流量，而不重定向任何其他流量。

>

启用以下 Apache2 模组：

sudo a2enmod proxy rewrite proxy_http proxy_wstunnel

在*中使用这些设置。conf文件（例如/etc/apache2/sites-available/mysite.com.conf）。我为每一篇文章都做了评论：

<VirtualHost *:80>
    ServerName www.mydomain.com

    # Enable the rewrite engine
    # Requires: sudo a2enmod proxy rewrite proxy_http proxy_wstunnel
    # In the rules/conds, [NC] means case-insensitve, [P] means proxy
    RewriteEngine On

    # socket.io 1.0+ starts all connections with an HTTP polling request
    RewriteCond %{QUERY_STRING} transport=polling       [NC]
    RewriteRule /(.*)           http://localhost:3001/$1 [P]

    # When socket.io wants to initiate a WebSocket connection, it sends an
    # "upgrade: websocket" request that should be transferred to ws://
    RewriteCond %{HTTP:Upgrade} websocket               [NC]
    RewriteRule /(.*)           ws://localhost:3001/$1  [P]

    # OPTIONAL: Route all HTTP traffic at /node to port 3001
    ProxyRequests Off
    ProxyPass           /node   http://localhost:3001
    ProxyPassReverse    /node   http://localhost:3001
</VirtualHost>

我已经包含了一个额外的部分，用于路由/节点流量，我觉得很方便，请参阅此处了解更多信息。

Answer 2

除了按URL过滤，还可以按HTTP头过滤。此配置将适用于任何使用websockets的web应用程序，即使它们没有使用socket.io:

<VirtualHost *:80>
  ServerName www.domain2.com

  RewriteEngine On
  RewriteCond %{HTTP:Upgrade} =websocket [NC]
  RewriteRule /(.*)           ws://localhost:3001/$1 [P,L]
  RewriteCond %{HTTP:Upgrade} !=websocket [NC]
  RewriteRule /(.*)           http://localhost:3001/$1 [P,L]

  ProxyPassReverse / http://localhost:3001/
</VirtualHost>

Answer 3

多亏了这个话题，我终于做到了。待办事项：

1）安装Apache 2.4（不适用于2.2），并执行：

a2enmod proxy
a2enmod proxy_http
a2enmod proxy_wstunnel

2）让nodejs在端口3001上运行

3）在Apache配置中执行此操作

<VirtualHost *:80>
  ServerName example.com

  RewriteEngine On
  RewriteCond %{REQUEST_URI}  ^/socket.io            [NC]
  RewriteCond %{QUERY_STRING} transport=websocket    [NC]
  RewriteRule /(.*)           ws://localhost:3001/$1 [P,L]

  ProxyPass / http://localhost:3001/
  ProxyPassReverse / http://localhost:3001/
</VirtualHost>

注意：如果您在同一台服务器上有多个使用web套接字的服务，您可能希望这样做以将它们分开。