WebSockets dan Apache proxy: bagaimana cara mengkonfigurasi mod_proxy_wstunnel?

Saya sudah :

1. Apache(v2.4) pada port 80 server saya untuk www.domain1.com, dengan mod_proxy dan mod_proxy_wstunnel diaktifkan

2. node.js + socket.io pada port 3001 dari server yang sama.

Mengakses www.domain2.com(dengan port 80) dialihkan ke 2. berkat metode yang dijelaskan di sini . Saya telah mengatur ini di konfigurasi Apache:

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

Ia bekerja untuk semuanya, kecuali bagian websocket: ws://...tidak dikirimkan seperti seharusnya oleh proxy.

Saat saya mengakses halaman di www.domain2.com, saya memiliki:

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

Pertanyaan: Bagaimana cara membuat proxy Apache sebagai WebSockets juga?

Saya akhirnya berhasil melakukannya, berkat topik ini .

MELAKUKAN:

1) Instal Apache 2.4 (tidak bekerja dengan 2.2), dan lakukan:

a2enmod proxy
a2enmod proxy_http
a2enmod proxy_wstunnel

2) Telah nodejsberjalan pada port 3001

3) Lakukan ini di konfigurasi 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>

Catatan: jika Anda memiliki lebih dari satu layanan di server yang sama yang menggunakan websockets, Anda mungkin ingin melakukan ini untuk memisahkannya.

Selain memfilter berdasarkan URL, Anda juga dapat memfilter berdasarkan header HTTP. Konfigurasi ini akan berfungsi untuk aplikasi web apa pun yang menggunakan websockets, juga jika mereka tidak menggunakan 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>

Semoga bermanfaat. Semua kueri dikirim melalui ws ke node

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

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

Mulai Socket.IO 1.0 (Mei 2014), semua koneksi dimulai dengan permintaan polling HTTP (info selengkapnya di sini ). Itu berarti selain meneruskan lalu lintas WebSocket, Anda perlu meneruskan transport=pollingpermintaan HTTP apa pun .

Solusi di bawah ini harus mengarahkan semua lalu lintas soket dengan benar, tanpa mengalihkan lalu lintas lain.

1. Aktifkan mod Apache2 berikut:

   sudo a2enmod proxy rewrite proxy_http proxy_wstunnel

2. Gunakan pengaturan ini di file * .conf Anda (misalnya /etc/apache2/sites-available/mysite.com.conf). Saya telah menyertakan komentar untuk menjelaskan setiap bagian:

   <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>

3. Saya telah menyertakan bagian tambahan untuk merutekan /nodelalu lintas yang menurut saya berguna, lihat di sini untuk info lebih lanjut.

Dengan bantuan dari jawaban ini, saya akhirnya mendapatkan proxy terbalik untuk Node-RED yang berjalan pada Raspberry Pi dengan Ubuntu Mate dan Apache2 berfungsi, menggunakan konfigurasi situs Apache2 ini:

<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>

Saya juga harus mengaktifkan modul seperti ini:

sudo a2enmod proxy
sudo a2enmod proxy_http
sudo a2enmod proxy_wstunnel

Bagi saya ini berfungsi setelah menambahkan hanya satu baris di httpd.conf seperti di bawah ini (garis tebal).

<VirtualHost *:80>
    ServerName: xxxxx

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

Versi Apache 2.4.6 di CentOS.

Setup saya:

• Apache 2.4.10 (menjalankan Debian)
• Node.js (versi 4.1.1) Aplikasi yang berjalan pada port 3000 yang menerima WebSockets di jalur /api/ws

Seperti yang disebutkan di atas oleh @Basj, pastikan proxy a2enmod dan ws_tunnel diaktifkan.

Ini adalah tangkapan layar dari file konfigurasi Apache yang memecahkan masalah saya:

Bagian yang relevan sebagai teks:

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

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

Semoga membantu.

Lakukan hal berikut untuk aplikasi pegas yang menjalankan konten statis, istirahat, dan websocket.

Apache digunakan sebagai Proxy dan SSL Endpoint untuk URI berikut:

• / app → konten statis
• / api → REST API
• / api / ws → websocket

Konfigurasi 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>

Saya menggunakan konfigurasi vHost yang sama untuk konfigurasi SSL, tidak perlu mengubah apa pun yang terkait dengan proxy.

Konfigurasi pegas

server.use-forward-headers: true

Gunakan tautan ini untuk solusi sempurna untuk ws https://httpd.apache.org/docs/2.4/mod/mod_proxy_wstunnel.html

Anda hanya perlu melakukan langkah di bawah ini ..

Pergi ke /etc/apache2/mods-available

Langkah 1

Aktifkan mode proxy_wstunnel.loaddengan menggunakan perintah di bawah ini

$a2enmod proxy_wstunnel.load

Langkah 2

Pergi ke /etc/apache2/sites-available

dan tambahkan baris di bawah ini di file .conf Anda di dalam virtual host

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

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

Catatan: 8080 berarti Anda bahwa tomcat Anda menjalankan port karena kami ingin menghubungkan wstempat file War kami dimasukkan ke dalam tomcat dan tomcat melayani apache ws. Terima kasih

Konfigurasi Saya

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

Untuk transportasi "pemungutan suara".

Sisi 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>

Sisi klien:

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

Selain jawaban utama: jika Anda memiliki lebih dari satu layanan di server yang sama yang menggunakan websockets, Anda mungkin ingin melakukan ini untuk memisahkannya, dengan menggunakan jalur kustom (*):

Server node:

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

HTML klien:

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

Konfigurasi 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]

(*) Catatan: menggunakan default RewriteCond %{REQUEST_URI} ^/socket.iotidak akan dikhususkan untuk situs web, dan permintaan websockets akan tercampur di antara situs web yang berbeda!

MELAKUKAN:

1. Memiliki Apache 2.4 terinstal (tidak bekerja dengan 2.2), a2enmod proxydana2enmod proxy_wstunnel.load

2. Lakukan ini di konfigurasi Apache
   cukup tambahkan dua baris di file Anda di mana 8080 adalah porta tomcat Anda

   <VirtualHost *:80>
   ProxyPass "/ws2/" "ws://localhost:8080/" 
   ProxyPass "/wss2/" "wss://localhost:8080/"
   
   </VirtualHost *:80>