Home Operation and Maintenance Nginx Efficient communication implementation between Nginx Proxy Manager and WebSocket

Efficient communication implementation between Nginx Proxy Manager and WebSocket

Sep 26, 2023 pm 02:46 PM
nginx websocket proxy

Nginx Proxy Manager与WebSocket的高效通信实现

Nginx Proxy Manager (hereinafter referred to as NPM) is an Nginx-based proxy management tool that provides a simple and powerful way to manage multiple reverse proxy servers. Recently, I encountered a problem when using NPM: how to achieve efficient communication between NPM and WebSocket. In this article, I'll share my experiences and lessons learned in achieving this goal, and provide concrete code examples.

Before we begin, let’s take a brief look at WebSocket. WebSocket is a protocol for full-duplex communication over a single TCP connection. Unlike HTTP, WebSocket allows the server to actively send data to the client without requiring the client to make a request. Due to its low latency and high efficiency, WebSocket is very popular in real-time applications, such as chat applications, real-time data transmission, etc.

NPM uses Nginx to handle HTTP and HTTPS requests and provides reverse proxy functionality. In order to achieve efficient communication with WebSocket, we need to configure NPM to forward WebSocket requests and correctly handle related header information. The following is a simple Nginx configuration example:

server {
    listen 80;
    server_name example.com;
    
    location / {
        proxy_pass http://backend;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "Upgrade";
    }
    
    location /ws/ {
        proxy_pass http://backend;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "Upgrade";
    }
    
    location /api/ {
        ...
    }
    
    location /admin/ {
        ...
    }
    
    ...

    upstream backend {
        server backend.example.com;
    }
}
Copy after login

In the above configuration, we use two location blocks to handle WebSocket requests. The first location block is used to handle WebSocket requests under the root path, while the second location block is used to handle WebSocket requests starting with /ws/. In these two location blocks, we use the proxy_pass directive to forward the request to the backend server and set the relevant HTTP header information to ensure that the WebSocket request can be correctly delivered to the backend server.

In addition to configuring Nginx, we also need to implement WebSocket related logic on the back-end server. Here is a simple example implemented using Node.js and the WebSocket library:

const WebSocket = require('ws');

const wss = new WebSocket.Server({ port: 8080 });

wss.on('connection', (ws) => {
    console.log('Client connected');

    ws.on('message', (message) => {
        console.log(`Received: ${message}`);
    });

    ws.send('Hello, client!');
});
Copy after login

In the above code, we create a WebSocket server and handle new connections in the connection event. In the connection event handler, we can handle the message from the client and send the response.

Using the above Nginx configuration and WebSocket server code, we can achieve efficient communication between NPM and WebSocket. For example, we can use NPM to handle HTTP requests and forward WebSocket requests on specific URLs to the backend WebSocket server. This way, we can use both HTTP and WebSocket under the same domain name, and WebSocket requests can be managed by NPM like other HTTP requests.

To sum up, by properly configuring NPM and implementing the code of the back-end WebSocket server, we can achieve efficient communication between NPM and WebSocket. This allows us to easily handle WebSocket requests while using NPM and implement the real-time communication capabilities required for real-time applications. I hope the code examples and explanations in this article are helpful!

The above is the detailed content of Efficient communication implementation between Nginx Proxy Manager and WebSocket. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Hot Topics

Java Tutorial
1662
14
PHP Tutorial
1261
29
C# Tutorial
1234
24
How to configure nginx in Windows How to configure nginx in Windows Apr 14, 2025 pm 12:57 PM

How to configure Nginx in Windows? Install Nginx and create a virtual host configuration. Modify the main configuration file and include the virtual host configuration. Start or reload Nginx. Test the configuration and view the website. Selectively enable SSL and configure SSL certificates. Selectively set the firewall to allow port 80 and 443 traffic.

How to start containers by docker How to start containers by docker Apr 15, 2025 pm 12:27 PM

Docker container startup steps: Pull the container image: Run "docker pull [mirror name]". Create a container: Use "docker create [options] [mirror name] [commands and parameters]". Start the container: Execute "docker start [Container name or ID]". Check container status: Verify that the container is running with "docker ps".

How to check the name of the docker container How to check the name of the docker container Apr 15, 2025 pm 12:21 PM

You can query the Docker container name by following the steps: List all containers (docker ps). Filter the container list (using the grep command). Gets the container name (located in the "NAMES" column).

How to check whether nginx is started How to check whether nginx is started Apr 14, 2025 pm 01:03 PM

How to confirm whether Nginx is started: 1. Use the command line: systemctl status nginx (Linux/Unix), netstat -ano | findstr 80 (Windows); 2. Check whether port 80 is open; 3. Check the Nginx startup message in the system log; 4. Use third-party tools, such as Nagios, Zabbix, and Icinga.

How to create containers for docker How to create containers for docker Apr 15, 2025 pm 12:18 PM

Create a container in Docker: 1. Pull the image: docker pull [mirror name] 2. Create a container: docker run [Options] [mirror name] [Command] 3. Start the container: docker start [Container name]

How to check nginx version How to check nginx version Apr 14, 2025 am 11:57 AM

The methods that can query the Nginx version are: use the nginx -v command; view the version directive in the nginx.conf file; open the Nginx error page and view the page title.

How to configure cloud server domain name in nginx How to configure cloud server domain name in nginx Apr 14, 2025 pm 12:18 PM

How to configure an Nginx domain name on a cloud server: Create an A record pointing to the public IP address of the cloud server. Add virtual host blocks in the Nginx configuration file, specifying the listening port, domain name, and website root directory. Restart Nginx to apply the changes. Access the domain name test configuration. Other notes: Install the SSL certificate to enable HTTPS, ensure that the firewall allows port 80 traffic, and wait for DNS resolution to take effect.

What to do if nginx server is hung What to do if nginx server is hung Apr 14, 2025 am 11:42 AM

When the Nginx server goes down, you can perform the following troubleshooting steps: Check that the nginx process is running. View the error log for error messages. Check the syntax of nginx configuration. Make sure nginx has the permissions you need to access the file. Check file descriptor to open limits. Confirm that nginx is listening on the correct port. Add firewall rules to allow nginx traffic. Check reverse proxy settings, including backend server availability. For further assistance, please contact technical support.

See all articles