DEV Community

Docker 201: Use NGINX as a Reverse Proxy for NodeJS Server in 2020! 📦 🙌 (practical guide)

Shahjada Talukdar on March 02, 2020

I will skip "What/Why Docker?" part to make it straight to the point! 🤝 Goal: We are gonna use NGINX as a Reverse Proxy for a NodeJS Server. ⧚ Fo...

Read full post

reggietheroman • Mar 3 '20

This is really interesting. Could you eli5 why one would need to use a reverse proxy at all?

Maxim Orlov • Mar 3 '20

One reason is, you have multiple apps/websites hosted on the same server. Say you have a landing/marketing page at myproduct.com and a dashboard for user accounts at app.myproduct.com. They can't both listen port 80 (default http port). You set up a reverse proxy that listens to 80 and forwards traffic to the respective app based on the domain. The apps can listen to ports 3000 and 3001 for example.

Does that make sense?

reggietheroman • Mar 3 '20

I think so. Just so im sure i understood your explanation, internally they use 3000 and 3001, and when people hit up myproduct.com and app.myproduct.com, that goes to nginx which then forwards the request to the correct ports?

Maxim Orlov • Mar 3 '20

Correct!

reggietheroman • Mar 3 '20

awesome. thanks so much!

Shahjada Talukdar The Destro Dev Show • Mar 3 '20

This is a really nice article-
cloudflare.com/learning/cdn/glossa...

Dellean Santos • Mar 2 '20

nice article, just to add more information --link flag is a legacy feature of Docker

Shahjada Talukdar The Destro Dev Show • Mar 2 '20

Thanks, I will update accordingly 👍

Dellean Santos • Mar 2 '20

Great 😃

MD. Sani Mia • Mar 2 '20

very helpful article .. Thanks for sharing
1

Shahjada Talukdar The Destro Dev Show • Mar 2 '20

Welcome!

Nontawat Numor • Mar 2 '20

I think it's will make people confuse between Proxy Vs Reverse Proxy.

If you agree with me please correct these.

Shahjada Talukdar The Destro Dev Show • Mar 2 '20

Actually, Reverse proxy is the specific term. I will update

Daniel Molnar • Mar 3 '20

In the next round, do this with https ;) :D

Shahjada Talukdar The Destro Dev Show • Mar 3 '20

Will try,
I have a lot of things in my queue 😀

Chirag Shah • Sep 14 '20

If you haven't gave a chance, try Caprover. It's based on docker and very very simple to use.
It uses docker + nginx reverse proxy + let's encrypt.
caprover.com/

Luis Carlos Galvão de Oliveira • Apr 4 '20

nice article, have you any tips about static files? I've been some problems with css and js front end scripts locations

Rodrigo Hernando • May 14 '20

What worked for me was to create a different folder with nginx and use docker compose in order to run and connect everything at the same time. It works fine in development. Here is the repo I have so far:
github.com/rhernandog/docker-expre...

Since I just started with docker a couple of weeks ago, I can't get it to work on production though. I can make it work with the static files but I can't find a way to start the express API server.

If someone could lend me a hand I'd appreciate it. Here is how my Dockerfile looks so far:

FROM nginx AS static
WORKDIR /app
COPY ./client /app

FROM node:12-alpine AS api
WORKDIR /app
COPY ./server/package.json /app
RUN npm install
COPY ./server /app

FROM nginx
COPY ./nginx/default.conf /etc/nginx/conf.d/default.conf
COPY --from=static /app /usr/share/nginx/html
EXPOSE 80

If I remove the middle section (all the node part) it works fine, but as I said I can't find a way to start the express server.

If you user the code in the repo, running docker-compose up --build is going to work fine, as long as you provide your own mongo database of course.