ubuntu js項目如何部署上線

在Ubuntu上部署JavaScript項目（通常是一個Node.js項目）涉及多個步驟，包括系統準備、環境配置、項目部署、配置反向代理以及安全性和防火墻設置。以下是一個詳細的部署流程：

系統準備與環境配置

1. 更新系統軟件包：

sudo apt update && sudo apt upgrade -y

2. 安裝基礎工具：

sudo apt install -y build-essential git curl

3. 安裝Node.js（推薦使用LTS版本）：

curl -fsSL https://deb.nodesource.com/setup_lts.x | sudo -E bash -
sudo apt install -y nodejs

4. 驗證安裝：

node -v && npm -v

5. 全局安裝PM2進程管理工具：

sudo npm install -g pm2

6. 設置PM2開機自啟：

pm2 startup systemd

根據提示執行生成的命令。

項目部署流程

1. 上傳Node.js項目：
   • 通過SCP上傳：

     scp -r /本地/項目路徑 ubuntu@服務器IP:/目標路徑
     

   • 通過Git克隆：

     git clone https://github.com/你的倉庫地址.git
     cd 項目目錄
     

2. 進入項目目錄：

cd /path/to/your/project

3. 安裝項目依賴：

npm install

4. 配置環境變量（按需）：
   • 方式1：直接寫入：

     echo "PORT=3000" >> .env
     

   • 方式2：手動創建.env文件并填寫配置。
5. 啟動項目（任選其一）：
   • 直接啟動js文件：

     pm2 start app.js
     

   • 啟動npm腳本：

     pm2 start "npm start" --name "my-app"
     

   • 使用配置文件：

     pm2 start ecosystem.config.js
     

6. 保存PM2進程列表：

pm2 save

7. 查看運行狀態：

pm2 list
pm2 logs

網絡配置（可選）

1. 開放防火墻端口：

sudo ufw allow 22 # SSH端口(已默認開放)
sudo ufw allow 3000 # 應用端口
sudo ufw enable

2. 配置Nginx反向代理（推薦）：
   • 安裝Nginx：

     sudo apt install nginx
     

   • 創建配置文件：

     sudo nano /etc/nginx/sites-available/your-domain.conf
     

   • 配置文件內容示例：

     server {
       listen 80;
       server_name your-domain.com;
       location / {
         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;
         proxy_cache_bypass http_upgrade;
       }
     }
     

   • 啟用配置并重啟Nginx：

     sudo ln -s /etc/nginx/sites-available/your-domain.conf /etc/nginx/sites-enabled/
     sudo nginx -t
     sudo systemctl restart nginx
     

3. 配置SSL證書（Let’s Encrypt）：

sudo apt install certbot python3-certbot-nginx
sudo certbot --nginx -d your-domain.com

常用維護命令

• 查看實時日志：

pm2 logs

• 重啟應用：

pm2 restart app-name

• 停止應用：

pm2 stop app-name

• 刪除應用：

pm2 delete app-name

• 更新項目代碼后的操作：

git pull
npm install
pm2 restart all

請注意，上述步驟是一個基本的部署流程，具體步驟可能會根據您的項目需求和使用的工具有所不同。此外，確保在部署前進行充分的測試，以驗證一切配置正確無誤。