Deploy React App Với Nginx

Tram Ho

Trong bài viết này mình xin chia sẻ phương pháp để deploy dự án Reactjs trên server Ubuntu

Ubuntu Server

Đầu tiên, dĩ nhiên rồi, chúng ta cần một Linux server, mình sẽ sử dụng OS phổ biến là Ubuntu 18.04, yêu cầu về cấu hình như sau:

  • Bộ nhớ 25GB trở lên
  • Ram 2GB trở lên
  • CPU: 1core hoặc nhiều hơn 😄

Login vào server

Tiếp đến ta sẽ cài đặt các công cụ cần thiết để chạy được ứng dụng reactjsnodejsnpm (nếu bạn đã phát triển được ứng dụng web với react thì chắc chắn bạn biết chúng là gì rồi).
Cài đặt Nodenpm trên Ubuntu server với curl bằng các lệnh sau:
Cài đặt curl

Cài đặt nodenpm

Kiểm tra kết quả

Cài đặt nginx

Webserver mình sẽ sử dụng là nginx, cài đặt nginx trên Ubuntu server như sau:

Tiến hành deploy

OK cài đặt môi trường như vậy là đủ tiếp theo chúng ta sẽ tiến hành công đoạn deploy.
Đầu tiên ta clone project về

Cài đặt các package cần thiết cho project

Lưu ý nếu project của bạn dùng một công cụ khác để quản lý package như yarn thì bạn cần cài đặt nó trước.
Sau khi cài đặt xong các package hãy thử start ứng dụng để kiểm tra ở môi trường dev:

Mở trình duyệt và kiểm tra ở đường dẫn http://SERVER_IP:PORT.
Nếu mọi thứ ok, dừng terminal lại bằng tổ hợp phím ctrl + c và tới bước tiếp theo.

Thiết lập nginx

Tạo một file config cho ứng dụng của bạn

Sau đó thêm đoạn code thiết lập dưới đây vào file vừa được tạo và lưu lại.
(ở bước này giả định bạn đã chạy lệnh build ứng dụng tại thư mục build trong thư mục dự án).

Tiếp theo cần enable file config mà bạn vừa tạo:

Khởi động lại nginx:

OK đã xong, nếu mọi thứ đều trơn tru thì ứng dụng của bạn đã sẵn sàng rồi nhé, kiểm tra trên đường dẫn: http://your_ip_address

Chia sẻ bài viết ngay

Nguồn bài viết : Viblo