DEV Community

Cover image for Building a Reverse Proxy Backend Server
Abhishek Jaiswal
Abhishek Jaiswal

Posted on

Building a Reverse Proxy Backend Server

In modern web architecture, reverse proxies are a fundamental component, providing a layer of abstraction and control between client devices and backend servers. This blog will walk you through the concept of a reverse proxy, its benefits, and how to implement a basic reverse proxy backend server using Node.js with Express. We'll also explore common use cases and advanced configurations.

Table of Contents

  1. What is a Reverse Proxy?
  2. Why Use a Reverse Proxy?
  3. Common Use Cases
  4. Building a Reverse Proxy Server with Node.js
    • Setting Up the Environment
    • Creating a Basic Reverse Proxy
    • Advanced Configuration
  5. Testing and Debugging
  6. Conclusion

1. What is a Reverse Proxy?

A reverse proxy is a server that sits between client requests and one or more backend servers. Unlike a forward proxy that acts on behalf of clients, a reverse proxy is used by servers to route incoming requests to appropriate backend servers. The reverse proxy handles all client interactions, making the backend architecture more secure and scalable.

Key Functions of a Reverse Proxy:

  • Load Balancing: Distributes incoming traffic across multiple servers.
  • SSL Termination: Handles SSL encryption and decryption.
  • Caching: Stores frequently requested data to reduce load on backend servers.
  • Security: Hides the identity and characteristics of backend servers, adding a layer of security.

2. Why Use a Reverse Proxy?

A reverse proxy offers several benefits:

  • Security: By sitting between the client and the server, a reverse proxy can shield backend servers from direct exposure to the internet, helping prevent attacks.
  • Load Balancing: It can distribute incoming traffic across multiple servers, improving performance and reliability.
  • SSL Termination: A reverse proxy can manage SSL certificates and encryption, reducing the processing burden on backend servers.
  • Caching: It can cache content to serve responses faster without hitting the backend server each time.
  • Compression: A reverse proxy can compress outbound responses to reduce bandwidth usage.

3. Common Use Cases

1. Load Balancing:

  • Distributing requests across multiple servers to balance the load and prevent any one server from being overwhelmed.

2. Security Enhancement:

  • Protecting backend servers from direct exposure to the internet, filtering requests, and mitigating DDoS attacks.

3. SSL Termination:

  • Offloading SSL decryption from the backend servers to the reverse proxy server.

4. Global Server Load Balancing:

  • Directing traffic to different servers based on the geographical location of the client.

5. Microservices Architecture:

  • Routing requests to different microservices based on URL patterns.

4. Building a Reverse Proxy Server with Node.js

Now, let's implement a simple reverse proxy server using Node.js and Express.

Setting Up the Environment

First, ensure you have Node.js and npm installed on your machine. If not, you can download and install them from the official Node.js website.

Next, create a new directory for your project and navigate into it:

mkdir reverse-proxy-server
cd reverse-proxy-server
Enter fullscreen mode Exit fullscreen mode

Initialize a new Node.js project:

npm init -y
Enter fullscreen mode Exit fullscreen mode

Install the necessary dependencies:

npm install express http-proxy-middleware
Enter fullscreen mode Exit fullscreen mode

Creating a Basic Reverse Proxy

Create a file named index.js in the root of your project directory:

// index.js

const express = require('express');
const { createProxyMiddleware } = require('http-proxy-middleware');

const app = express();

// Proxy configuration
const options = {
    target: 'http://localhost:5000', // Target server URL
    changeOrigin: true, // Needed for virtual hosted sites
    pathRewrite: {
        '^/api': '', // Rewrite URL (remove /api prefix)
    },
};

// Create a proxy middleware
const apiProxy = createProxyMiddleware('/api', options);

// Use the proxy middleware
app.use(apiProxy);

// Start the Express server
app.listen(3000, () => {
    console.log('Reverse proxy server running on http://localhost:3000');
});
Enter fullscreen mode Exit fullscreen mode

In this example:

  • We use the http-proxy-middleware package to create a reverse proxy.
  • The proxy listens for requests on the /api route and forwards them to the target server running at http://localhost:5000.
  • The pathRewrite option removes the /api prefix before forwarding the request to the target server.

Advanced Configuration

You can customize the reverse proxy to handle more complex scenarios, such as different targets based on request paths, adding custom headers, or even transforming the request or response.

Example: Multiple Target Servers

const apiProxy1 = createProxyMiddleware('/service1', {
    target: 'http://localhost:5001',
    changeOrigin: true,
    pathRewrite: { '^/service1': '' },
});

const apiProxy2 = createProxyMiddleware('/service2', {
    target: 'http://localhost:5002',
    changeOrigin: true,
    pathRewrite: { '^/service2': '' },
});

app.use(apiProxy1);
app.use(apiProxy2);
Enter fullscreen mode Exit fullscreen mode

In this setup, requests to /service1 are routed to http://localhost:5001, and requests to /service2 are routed to http://localhost:5002.

Example: Adding Custom Headers

const apiProxy = createProxyMiddleware('/api', {
    target: 'http://localhost:5000',
    changeOrigin: true,
    onProxyReq: (proxyReq, req, res) => {
        proxyReq.setHeader('X-Special-Proxy-Header', 'my-custom-value');
    },
});
Enter fullscreen mode Exit fullscreen mode

5. Testing and Debugging

To test your reverse proxy, start the backend server on port 5000:

node backend-server.js
Enter fullscreen mode Exit fullscreen mode

Then, start your reverse proxy server:

node index.js
Enter fullscreen mode Exit fullscreen mode

You can now send requests to http://localhost:3000/api and observe how they are forwarded to http://localhost:5000.

If you encounter any issues, you can enable debugging by setting the DEBUG environment variable:

DEBUG=http-proxy-middleware node index.js
Enter fullscreen mode Exit fullscreen mode

This will provide detailed logs of the proxy's behavior, helping to troubleshoot any problems.

6. Conclusion

Building a reverse proxy server with Node.js is a powerful way to manage and route traffic between clients and backend servers. Whether you're looking to load balance requests, enhance security, or simplify your backend architecture, a reverse proxy can be a valuable tool in your toolkit.

Top comments (1)

Collapse
 
neurabot profile image
Neurabot

Nice. What's backend server ? Illustration at top of page doesn't well explain concept.