WeB LoG'S JuUiER: May 2023

Tuesday, May 9, 2023

หัดทำ Reverse proxy to multi endpoint ด้วย Nginx บน Ubuntu 22.04

ทำคล้ายๆ กับ direct ip reverse เลย แต่เพิ่มนิดหน่อย
ในที่นี้ primary เป็น 192.168.1.1 ส่วน endpoint ที่จะให้ reverse ไปมี 192.168.1.2 และ 192.168.1.3:8080

Step

แก้ไข /etc/nginx/default
เพิ่ม section upstream ให้อยู่ในระดับเดียวกับ server {...} และตั้งชื่อที่เราต้องการ (ในที่นี้ตั้งเป็น repositories) พร้อมกำหนดค่าการ IP ที่จะให้ forward ไป

upstream repositories {
#server domain_name.com:443;
server 192.168.1.2;
server 192.168.1.3:8080;
}
server {
...
}

จากนั้นใน location / section ให้เราตั้งค่าประมาณนี้

location / {
# First attempt to serve request as file, then
# as directory, then fall back to displaying a 404.
# try_files $uri $uri/ =404;
try_files $uri $uri/ /index.php?$args;

proxy_next_upstream error timeout http_404;
proxy_pass http://repositories;
include proxy_params;
}

จากนั้น restart nginx

$ sudo systemctl restart nginx

ทดสอบระบบโดยเข้าเว็บ http://192.168.1.1
หน้าเว็บจะแสดงข้อมูลเหมือนเราเข้าเว็บ http://192.168.1.2 และ http://192.168.1.3:8080 สลับกันไปมาแบบ round robin

เพิ่มเติม

ค่าเริ่มต้นในการ reverse น่าจะใช้แบบ round robin นะคือ กระจายไปแต่ละ endpoint เท่าๆ กัน

Related

http://juuier.blogspot.com/2023/05/reverse-proxy-direct-nginx-ubuntu-2204.html

Ref

https://docs.nginx.com/nginx/admin-guide/web-server/reverse-proxy/
https://www.bogotobogo.com/DevOps/Docker/Docker-Compose-Nginx-Reverse-Proxy-Multiple-Containers.php

หัดทำ Reverse proxy direct ไปเครื่องเดียว ด้วย Nginx บน Ubuntu 22.04

โจทย์คือ ใช้ nginx ทำ reverse proxy ที่เครื่อง 192.168.1.1
โดยถ้าเข้าเว็บ http://192.168.1.1 (nginx) ให้มันเบื้องหลังมันไปดึงข้อมูลที่ http://192.168.1.2 (apache)

Step

ทดสอบทำกับ /etc/nginx/default กันเหนียวไว้ก่อน

$ sudo cp /etc/nginx/default /etc/nginx/default_old

จากนั้นแก้คอนฟิก default site

$ sudo nano /etc/nginx/default

ที่ section location / (หรือ location /subfolder แบบ alias ก็ได้เช่นกัน)

location / {
# First attempt to serve request as file, then
# as directory, then fall back to displaying a 404.
# try_files $uri $uri/ =404;
try_files $uri $uri/ /index.php?$args;
}

แก้ไขเป็น

location / {
# First attempt to serve request as file, then
# as directory, then fall back to displaying a 404.
# try_files $uri $uri/ =404;
try_files $uri $uri/ /index.php?$args;

proxy_pass http://192.168.1.2;
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_params ที่มีอยู่แล้ว

location / {
# First attempt to serve request as file, then
# as directory, then fall back to displaying a 404.
# try_files $uri $uri/ =404;
try_files $uri $uri/ /index.php?$args;

proxy_pass http://192.168.1.2;
include proxy_params;
}

สุดท้าย restart nginx

$ sudo systemctl restart nginx

ทดสอบเข้าเว็บไซต์
http://192.168.1.1 คือที่แสดงผลจะเป็นค่าเหมือนเราเข้า http://192.168.1.2

เพิ่มเติม

เราสามารถ ทำ reverse proxy ด้วย alias ได้เช่นเดียวกัน
และ proxy_pass เราสามารถระบุพอร์ต อื่นๆ ได้ด้วยเช่น
proxy_pass http://192.168.1.2:8080

Ref

https://www.digitalocean.com/community/tutorials/how-to-configure-nginx-as-a-reverse-proxy-on-ubuntu-22-04
https://www.baeldung.com/linux/nginx-multiple-proxy-endpoints
https://stackoverflow.com/questions/37820013/nginx-routing-to-several-restful-endpoints