WebSockets และ Apache Proxy: วิธีกำหนดค่า mod_proxy_wstunnel

Question 1

ฉันมี :

Apache(v2.4) บนพอร์ต 80 ของเซิร์ฟเวอร์ของฉันwww.domain1.comกับmod_proxyและmod_proxy_wstunnelเปิดใช้งาน
node.js + socket.io บนพอร์ต 3001 ของเซิร์ฟเวอร์เดียวกัน

การเข้าถึงwww.domain2.com(มีพอร์ต 80) เปลี่ยนเส้นทางไป 2. ต้องขอบคุณวิธีการอธิบายที่นี่ ฉันได้ตั้งค่านี้ในการกำหนดค่า Apache:

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

ใช้งานได้กับทุกอย่างยกเว้นส่วน websocket: ws://...ไม่ได้รับการส่งผ่านพร็อกซีอย่างที่ควรจะเป็น

เมื่อฉันเข้าถึงเพจwww.domain2.comฉันมี:

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

คำถาม: จะทำให้ Apache Proxy เป็น WebSockets ได้อย่างไร?

Question 2

ในที่สุดฉันก็ทำได้ขอบคุณหัวข้อนี้

ทำ:

1) ติดตั้ง Apache 2.4 แล้ว (ใช้ไม่ได้กับ 2.2) และทำ:

a2enmod proxy
a2enmod proxy_http
a2enmod proxy_wstunnel

2) nodejsทำงานบนพอร์ต 3001

3) ทำสิ่งนี้ในการกำหนดค่า Apache

<VirtualHost *:80>
  ServerName www.domain2.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>

หมายเหตุ: หากคุณมีมากกว่าหนึ่งบริการบนเซิร์ฟเวอร์เดียวกันที่ใช้ websockets คุณอาจต้องการทำสิ่งนี้เพื่อแยกบริการ

Question 3

แทนที่จะกรองตาม URL คุณยังกรองตามส่วนหัว HTTP ได้อีกด้วย การกำหนดค่านี้จะใช้ได้กับเว็บแอปพลิเคชันใด ๆ ที่ใช้เว็บซ็อกเก็ตหากไม่ได้ใช้ 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>

Question 4

อาจจะเป็นประโยชน์ เพียงแค่ข้อความค้นหาทั้งหมดส่งผ่าน ws ไปยังโหนด

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

  <Location "/">
    ProxyPass "ws://localhost:3001/"
  </Location>
</VirtualHost>

Question 5

ตั้งแต่ Socket.IO 1.0 (พฤษภาคม 2014) การเชื่อมต่อทั้งหมดเริ่มต้นด้วยคำขอการสำรวจ HTTP (ข้อมูลเพิ่มเติมที่นี่ ) นั่นหมายความว่านอกเหนือจากการส่งต่อการรับส่งข้อมูล WebSocket แล้วคุณต้องส่งต่อtransport=pollingคำขอ HTTP ใด ๆ

วิธีแก้ปัญหาด้านล่างนี้ควรเปลี่ยนเส้นทางการรับส่งข้อมูลซ็อกเก็ตทั้งหมดอย่างถูกต้องโดยไม่ต้องเปลี่ยนเส้นทางการรับส่งข้อมูลอื่น ๆ

เปิดใช้งาน Apache2 mods ต่อไปนี้:
```
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>

เราได้รวมส่วนพิเศษสำหรับเส้นทาง/nodeการจราจรที่ผมพบว่ามีประโยชน์ดูที่นี่สำหรับข้อมูลเพิ่มเติม

Question 6

สำหรับฉันมันใช้งานได้หลังจากเพิ่มเพียงบรรทัดเดียวใน httpd.conf ด้านล่าง (บรรทัดตัวหนา)


<VirtualHost *:80>
    ServerName: xxxxx

    #ProxyPassReverse is not needed
    ProxyPass /log4j ws://localhost:4711/logs
<VirtualHost *:80>

เวอร์ชัน Apache คือ 2.4.6 บน CentOS

Question 7

ด้วยความช่วยเหลือจากคำตอบเหล่านี้ในที่สุดฉันก็ได้รับ reverse proxy สำหรับ Node-RED ที่ทำงานบน Raspberry Pi โดยใช้ Ubuntu Mate และ Apache2 โดยใช้การกำหนดค่าไซต์ Apache2 นี้:

<VirtualHost *:80>
    ServerName nodered.domain.com
    RewriteEngine On
    RewriteCond %{HTTP:Upgrade} =websocket [NC]
    RewriteRule /(.*)           ws://localhost:1880/$1 [P,L]
    RewriteCond %{HTTP:Upgrade} !=websocket [NC]
    RewriteRule /(.*)           http://localhost:1880/$1 [P,L]
</VirtualHost>

ฉันต้องเปิดใช้งานโมดูลเช่นนี้ด้วย:

sudo a2enmod proxy
sudo a2enmod proxy_http
sudo a2enmod proxy_wstunnel

Question 8

การตั้งค่าของฉัน:

Apache 2.4.10 (ปิด Debian)
Node.js (เวอร์ชัน 4.1.1) แอปที่ทำงานบนพอร์ต 3000 ที่ยอมรับ WebSockets ที่พา ธ /api/ws

ดังที่ได้กล่าวไว้ข้างต้นโดย @Basj ตรวจสอบให้แน่ใจว่าเปิดใช้ a2enmod proxy และ ws_tunnel แล้ว

นี่คือภาพหน้าจอของไฟล์กำหนดค่า Apache ที่แก้ไขปัญหาของฉัน:

ส่วนที่เกี่ยวข้องเป็นข้อความ:

<VirtualHost *:80>
  ServerName *******
  ServerAlias *******
  ProxyPass / http://localhost:3000/
  ProxyPassReverse / http://localhost:3000/

  <Location "/api/ws">
      ProxyPass "ws://localhost:3000/api/ws"
  </Location>
</VirtualHost>

หวังว่าจะช่วยได้

Question 9

ทำสิ่งต่อไปนี้สำหรับแอปพลิเคชัน Spring ที่รันเนื้อหาแบบคงที่ส่วนที่เหลือและ websocket

Apache ใช้เป็น Proxy และ SSL Endpoint สำหรับ URI ต่อไปนี้:

/ app →เนื้อหาคงที่
/ api → REST API
/ api / ws → websocket

การกำหนดค่า Apache

<VirtualHost *:80>
    ServerName xxx.xxx.xxx    

    ProxyRequests Off
    ProxyVia Off
    ProxyPreserveHost On

    <Proxy *>
         Require all granted
    </Proxy>

    RewriteEngine On

    # websocket 
    RewriteCond %{HTTP:Upgrade}         =websocket                      [NC]
    RewriteRule ^/api/ws/(.*)           ws://localhost:8080/api/ws/$1   [P,L]

    # rest
    ProxyPass /api http://localhost:8080/api
    ProxyPassReverse /api http://localhost:8080/api

    # static content    
    ProxyPass /app http://localhost:8080/app
    ProxyPassReverse /app http://localhost:8080/app 
</VirtualHost>

ฉันใช้ vHost config เดียวกันสำหรับการกำหนดค่า SSL ไม่จำเป็นต้องเปลี่ยนพร็อกซีอะไรเลย

การกำหนดค่าสปริง

server.use-forward-headers: true

Question 10

นอกเหนือจากคำตอบหลัก: หากคุณมีมากกว่าหนึ่งบริการบนเซิร์ฟเวอร์เดียวกันที่ใช้ websockets คุณอาจต้องการทำสิ่งนี้เพื่อแยกพวกเขาโดยใช้เส้นทางที่กำหนดเอง (*):

เซิร์ฟเวอร์โหนด:

var io = require('socket.io')({ path: '/ws_website1'}).listen(server);

HTML ของลูกค้า:

<script src="/ws_website1/socket.io.js"></script>
...
<script>
var socket = io('', { path: '/ws_website1' });
...

การกำหนดค่า Apache:

RewriteEngine On

RewriteRule ^/website1(.*)$ http://localhost:3001$1 [P,L]

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

RewriteCond %{REQUEST_URI}  ^/ws_website1 [NC]
RewriteRule ^(.*)$ http://localhost:3001$1 [P,L]

(*) หมายเหตุ: การใช้ค่าเริ่มต้นRewriteCond %{REQUEST_URI} ^/socket.ioจะไม่เฉพาะเจาะจงสำหรับเว็บไซต์และคำขอ websockets จะผสมกันระหว่างเว็บไซต์ต่างๆ!

Question 11

ใช้ลิงก์นี้สำหรับโซลูชันแบบสมบูรณ์สำหรับ ws https://httpd.apache.org/docs/2.4/mod/mod_proxy_wstunnel.html

คุณต้องทำตามขั้นตอนด้านล่าง ..

ไปที่ /etc/apache2/mods-available

ขั้นตอนที่ 1

เปิดใช้งานmode proxy_wstunnel.loadโดยใช้คำสั่งด้านล่าง

$a2enmod proxy_wstunnel.load

ขั้นตอนที่ 2

ไปที่ /etc/apache2/sites-available

และเพิ่มบรรทัดด้านล่างในไฟล์. config ของคุณภายในโฮสต์เสมือน

ProxyPass "/ws2/"  "ws://localhost:8080/"

ProxyPass "/wss2/" "wss://localhost:8080/"

หมายเหตุ: 8080 หมายถึงพอร์ตที่ใช้ tomcat ของคุณเพราะเราต้องการเชื่อมต่อwsที่ไฟล์ War ของเราใส่ไว้ใน tomcat และ tomcat ให้บริการ apache สำหรับwsในคราวและแมวตัวผู้ให้บริการสำหรับ ขอบคุณ

การกำหนดค่าของฉัน

ws://localhost/ws2/ALLCAD-Unifiedcommunication-1.0/chatserver?userid=4 =Connected

Question 12

สำหรับ "การสำรวจ" การขนส่ง

ด้าน Apache:

<VirtualHost *:80>
    ServerName mysite.com
    DocumentRoot /my/path


    ProxyRequests Off

    <Proxy *>
        Order deny,allow
        Allow from all
    </Proxy>

    ProxyPass /my-connect-3001 http://127.0.0.1:3001/socket.io
    ProxyPassReverse /my-connect-3001 http://127.0.0.1:3001/socket.io   
</VirtualHost>

ด้านลูกค้า:

var my_socket = new io.Manager(null, {
    host: 'mysite.com',
    path: '/my-connect-3001'
    transports: ['polling'],
}).socket('/');

Question 13

ทำ:

ติดตั้ง Apache 2.4 แล้ว (ใช้ไม่ได้กับ 2.2) a2enmod proxyและa2enmod proxy_wstunnel.load
ทำสิ่งนี้ในการกำหนดค่า Apache
เพียงเพิ่มสองบรรทัดในไฟล์ของคุณโดยที่ 8080 เป็นพอร์ตที่ใช้ Tomcat ของคุณ
```
<VirtualHost *:80>
ProxyPass "/ws2/" "ws://localhost:8080/" 
ProxyPass "/wss2/" "wss://localhost:8080/"

</VirtualHost *:80>
```