Triển khai dự án frontend

I. Triển khai todolist vue

Scp todolist.zip kingbui@192.168.1.9:/home/kingbui

Sudo –i

Apt install unzip

Cd /home/kingbui/

Unzip todolist.zip

Mkdir /projects // tạo projects trong thư mục root, ls / sẽ thấy

Mv todolist /projects/

Ls –l /projects

Tạo user riêng cho dự án

Adduser todolist

Chown –R todolist:todolist /projects/todolist/

Chmod –R 750 /projects/todolist/

Ls –l /projects/

Google gõ: how to build vue project

Sau khi đọc thì google: how to install node in ubuntu

Su todolist

Cd /projects/todolist

Vi package.json

Vi vue.config.js

Npm install

Có thể npm run build

Chạy trực tiếp: npm run serve

Dùng nginx

Exit về root

Apt install nginx -y

Netstart –tlpun

0.0.0.0 là mở anywhere, tức là địa chỉ nào thông đến server này đều có thể thông đến port 80 và 22

kiểm tra: chrome gõ: url port 80 sẽ welcome nginx

file cấu hình của nginx: cd /etc/nginx

vi sites-available/default

ví dụ đổi port sang 8999

sau đó:

nginx –t

systemctl restart nginx

Netstart –tlpun

Sẽ ra port 8999

kiểm tra: chrome gõ: url port 8999 sẽ welcome nginx

vi conf.d/todolist.conf // .conf là đuôi mặc định

Sau đó lưu lại.

nginx –t

systemctl restart nginx

vào chrome url port 8081 mà báo 500 internal server error

nginx có user riêng:

vi /etc/passwd có todolist

vi /etc/nginx/nginx.conf có user www-data; // ban đầu set 750

usermod –aG todolist www-data // đem www-data vào group todolist

systemctl restart nginx

chrome url port 8081 lại thì chạy.

Nếu sửa thành port 80 trong conf.d/todolist.conf mà ko muốn ảnh hưởng đến cách project khác thì dùng: nginx –s reload

II. Dùng service systemd

Dùng scp đưa lên với dự án react tên vision

Mv vision /projects/

Adduser vision

Chown –R vision. /projects/vision/

Chmod –R 750 /projects/vision/

Cd /projects/vision

Su vision

Npm install

Exit về root

Vi /lib/systemd/system/vision.service

Systemctl deamon-reload

Systemctl start vision

Systemctl status vision