Two droplets one domain (no subdomain!)

Question

I have two droplets with different Node JS applications that should be accessible under one domain (no subdomain):

1. Droplet IP 123.123.123.123:
www.domain.com/ -> redirect -> www.domain.com/app/
www.domain.com/app/...

2. Droplet IP 321.321.321.321:
www.domain.com/api/
www.domain.com/api/...

Droplet/s: Ubuntu 20.04, NGINX 1.17.10

Would this be possible in principle and if so, what would I have to configure where?

Bobby · Accepted Answer

Hey! Great question! Yes, it’s totally possible to have two different Node.js applications on separate Droplets under one domain without using subdomains. You can achieve this using Nginx as a reverse proxy. You can take a look at this article here for more information: https://www.digitalocean.com/community/tutorials/how-to-configure-nginx-as-a-reverse-proxy-on-ubuntu-22-04 First, let’s assume you’re using the Droplet with IP 123.123.123.123 as your main Droplet. This droplet will handle all incoming requests and forward them to the appropriate Dackend droplet based on the URL path. Make sure you have Nginx installed on your main droplet. You can install it using: sudo apt update sudo apt install nginx Next, we’ll configure Nginx. Open the Nginx configuration file. You can edit the default config or create a new one: sudo nano /etc/nginx/sites-available/default Add the following configuration: server { listen 80; server_name www.domain.com; location / { return 301 /app/; } location /app/ { proxy_pass http://123.123.123.123:YOUR_APP_PORT/; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header X-Forwarded-Proto $scheme; } location /api/ { proxy_pass http://321.321.321.321:YOUR_API_PORT/; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header X-Forwarded-Proto $scheme; } } Replace YOUR_APP_PORT and YOUR_API_PORT with the actual port numbers your Node.js applications are running on. To apply the changes, restart Nginx: sudo systemctl restart nginx Make sure your firewall allows traffic on the necessary ports. If you’re using ufw, you can allow Nginx Full: sudo ufw allow 'Nginx Full' Then finally, make sure your domain (www.domain.com) points to the IP address 123.123.123.123 of your main droplet. Now, you can test your setup by navigating to: http://www.domain.com/ should redirect to http://www.domain.com/app/ http://www.domain.com/api/ should serve content from the second droplet And that’s it! Your two Node.js applications should now be accessible under one domain. If you have any further questions, feel free to ask! Best, - Bobby

KFSys · Answer

Heya, Yes, it is entirely possible to configure a single domain to route requests to different backends (in your case, two separate droplets running different Node.js applications) based on the URL path. This is commonly done using a reverse proxy. Nginx is a popular choice for this purpose because of its efficiency and flexibility in handling such configurations. Step 1: Set Up Nginx on a Separate Server Ideally, the Nginx server that acts as a reverse proxy should not run on the same servers as your applications. This separates concerns, allowing each server to be optimized and secured according to its role. You may choose to set up Nginx on one of the existing droplets or on a new one. Step 2: Configure Nginx You’ll configure Nginx to proxy requests to the appropriate droplet based on the incoming URL path. Below is a sample Nginx configuration that demonstrates how to do this. This configuration assumes you have a third droplet or a separate server where Nginx is installed and configured to handle proxy tasks. Edit the Nginx configuration file . This file is typically located at /etc/nginx/nginx.conf or /etc/nginx/sites-available/default. If you are using a custom setup, the location might differ. Insert the following server block into the configuration : server { listen 80; server_name www.domain.com; location /app/ { proxy_pass http://123.123.123.123/app/; # Ensure this ends with a slash proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header X-Forwarded-Proto $scheme; } location /api/ { proxy_pass http://321.321.321.321/api/; # Ensure this ends with a slash proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header X-Forwarded-Proto $scheme; } # Redirect from root to /app/ location = / { return 301 $scheme://$host/app/; } } Step 3: Ensure Proper Nginx Syntax and Reload After editing the configuration, check for syntax errors: sudo nginx -t If the test is successful, reload Nginx to apply the changes: sudo systemctl reload nginx Step 4: Update DNS Records Ensure that the DNS records for www.domain.com point to the IP address of the Nginx server if you are setting up a new server for Nginx.

Become a contributor for community

DigitalOcean Documentation

Resources for startups and AI-native businesses

The developer cloud

Start building today

Report this

Two droplets one domain (no subdomain!)

Related questions

How do I get Flash and Nginx to Communicate with each other?

Nginx returns 502 after I redeploy one container

How to tell if your reverse proxy is buffering your token stream (and why I had to rent a Droplet to find out)

How can I improve the speed of an e-commerce website?

How to optimize Nginx reverse proxy caching for media streaming apps?

How to configure Nginx reverse proxy on Ubuntu

How to fix in nginx security config

How to change existing certbot/nginx to wildcard domain?

How do I get Ruby with Hanami to serve dynamic files via Falcon?

Unable to access the URL after deploying Discourse

AstroJS project hosted on DigitalOcean droplet with Nginx – CSS loading as text/html

Setting up a reverse proxy on DigitalOcean App Platform to route main domain and subdomains

Report this

Two droplets one domain (no subdomain!)

Related questions

How do I get Flash and Nginx to Communicate with each other?

Nginx returns 502 after I redeploy one container

How to tell if your reverse proxy is buffering your token stream (and why I had to rent a Droplet to find out)

How can I improve the speed of an e-commerce website?

How to optimize Nginx reverse proxy caching for media streaming apps?

How to configure Nginx reverse proxy on Ubuntu

How to fix in nginx security config

How to change existing certbot/nginx to wildcard domain?

How do I get Ruby with Hanami to serve dynamic files via Falcon?

Unable to access the URL after deploying Discourse

AstroJS project hosted on DigitalOcean droplet with Nginx – CSS loading as text/html

Setting up a reverse proxy on DigitalOcean App Platform to route main domain and subdomains