วิธีติดตั้ง Node.js และแอปพลิเคชัน React บน Linux VPS เบื้องต้น

เผยแพร่เมื่อ: 10 มิถุนายน 2026

หมดยุคเขียนเว็บด้วย HTML ธรรมดาแล้ว โปรแกรมเมอร์ยุคนี้สร้างแอปพลิเคชันด้วย Node.js (Backend) และ React (Frontend) วันนี้เราจะมาสอนวิธีเอางานที่คุณทำบนเครื่องตัวเอง ขึ้นไปรันบน VPS เครื่องจริง (Ubuntu) ให้คนทั่วโลกได้เห็นกันครับ!

ขั้นตอนที่ 1: ติดตั้ง Node.js และ NPM ผ่าน NVM

เราแนะนำให้ติดตั้งผ่าน Node Version Manager (NVM) เพื่อความสะดวกในการสลับเวอร์ชันครับ ล็อกอิน SSH เข้าเซิร์ฟเวอร์แล้วรันคำสั่ง:

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.5/install.sh | bash
source ~/.bashrc
nvm install 20  # ติดตั้ง Node.js v20 (LTS)
node -v         # เช็กเวอร์ชัน

ขั้นตอนที่ 2: ติดตั้ง PM2 (Process Manager)

ปกติถ้าคุณสั่ง node app.js แล้วคุณปิดหน้าจอ Terminal แอปคุณจะดับทันที เราจึงต้องใช้ PM2 เพื่อรันแอปเป็น Background ตลอดเวลา:

npm install pm2 -g
pm2 start app.js --name "my-backend"
pm2 save
pm2 startup

ขั้นตอนที่ 3: Build แอป React (Frontend)

สำหรับฝั่ง React คุณต้องทำการ Build โค้ดให้กลายเป็น Static Files ซะก่อน:

npm run build

คุณจะได้โฟลเดอร์ build/ ให้นำไปวางไว้ในโฟลเดอร์ /var/www/html ของเซิร์ฟเวอร์

ขั้นตอนที่ 4: ใช้ Nginx เป็น Reverse Proxy

เพื่อให้โลกภายนอกเข้าถึงเว็บคุณผ่านพอร์ต 80 (HTTP) ได้ คุณต้องใช้ Nginx รับ Traffic แล้วโยงไปหาพอร์ตของ Node.js (เช่น พอร์ต 3000)

# ติดตั้ง Nginx
apt install nginx

# สร้างไฟล์ config ที่ /etc/nginx/sites-available/default
server {
    listen 80;
    server_name yourdomain.com;
    
    location / {
        root /var/www/html/build;
        index index.html index.htm;
        try_files $uri /index.html;
    }
    
    location /api {
        proxy_pass http://localhost:3000;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection 'upgrade';
        proxy_set_header Host $host;
    }
}

เสร็จแล้วสั่ง systemctl restart nginx เป็นอันเรียบร้อย!