Table of Contents
Hello các bạn, sau khi các bạn code xong ứng dụng react chạy trên local, các bạn thấy thích vc và muốn public nó lên mạng cho bạn bè cùng xem thì đây chính là hướng dẫn mà bạn cần. Thao tác public web lên mạng có tên kỹ thuật là deploy code của bạn lên, để mọi người có thể truy cập được.
Về cơ bản nó khá giống với bài hướng dẫn deploy ứng dụng node js lên vps của mình
B1: mua vps, login vào vps dùng ssh key hoặc user pass (dùng bitvise ssh client)
B2: Sau khi đã ở trong cửa sổ termial của vps (nên dùng ubuntu 18.04) thì cần cài node js
Nên cài phiên bản > 10
Check cài đặt thành công bằng 2 câu lệnh
node -v
npm -v
Bước 3: tạo một app đơn giản dùng create-react-app
npx create-react-app test-react
các bạn gõ câu lệnh trên đẻ tạo ra một app react đơn giản, hello worl của react.
Sau khi tạo xong project, các bạn chạy project bằng câu lệnh npm start
Bây giờ các bạn mở trình duyệt lên và vào địa chỉ <your_vps_ip>:port để xem app react của các bạn. Vd sẽ là 123.146.789:3000 (3000 là port mặc định của react)
Bước 4: cài đặt PM2
+ sau bước 3 bạn đã đã có thể vào web của mình, nhưng chỉ có điều khi bạn tắt của sổ terminal đí, web bạn cũng down luôn. Chúng ta cần vài tool để giữ cho web bạn luôn alive. Đó là PM2
Cài đặt PM2
# globally install PM2
# check if installed properly
pm2 -V ==> 2.10.4
+ pm2 sẽ làm server của chúng ta chạy ngầm và nếu nó bị crash, pm2 sẽ tự reset lại server cho chúng ta
+ Để show tất cả các process mà pm2 đang chạy dùng câu lệnh
pm2 ls
+ Để xóa một process ra khỏi danh sách process
pm2 delete tên_process (tên lấy ở trong pm2 ls)
+ Để ngừng, bắt đầu hoặc khởi động lại một process
trong đó app là tên của process