在Debian上使用Node.js進行Web開發步驟

1. 更新系統包
在Debian上安裝Node.js前，先更新系統包列表以確保依賴項是最新的：

sudo apt update && sudo apt upgrade -y

2. 安裝Node.js和npm
推薦使用NodeSource倉庫安裝最新穩定版本的Node.js（以16.x為例）：

• 導入NodeSource GPG密鑰并添加倉庫：

  curl -fsSL https://deb.nodesource.com/setup_16.x | sudo -E bash -
  

• 安裝Node.js（包含npm）：

  sudo apt install -y nodejs
  

• 驗證安裝：

  node -v  # 查看Node.js版本（如v16.x.x）
  npm -v   # 查看npm版本（如8.x.x）
  

注：若需安裝其他版本（如14.x），將setup_16.x替換為setup_14.x即可。

3. 創建Node.js項目

• 新建項目目錄并進入：

  mkdir my-web-app && cd my-web-app
  

• 初始化npm項目（生成package.json文件，記錄項目元數據和依賴）：

  npm init -y
  

4. 安裝Web框架（以Express為例）
Express是Node.js最流行的Web框架，簡化路由、中間件等操作：

npm install express --save

注：--save參數將Express添加到package.json的依賴列表中，便于后續版本管理。

5. 編寫Web應用代碼

• 創建index.js（或app.js）文件：

  nano index.js
  

• 輸入以下基礎Express代碼：

  const express = require('express');
  const app = express();
  const port = 3000;
  
  // 定義根路由
  app.get('/', (req, res) => {
    res.send('Hello World from Node.js on Debian!');
  });
  
  // 啟動服務器
  app.listen(port, () => {
    console.log(`Server running at http://localhost:${port}`);
  });
  

• 保存并退出（Nano編輯器中按Ctrl+X→Y→Enter）。

6. 運行Web應用
在終端執行以下命令啟動服務器：

node index.js

• 打開瀏覽器訪問http://localhost:3000，應看到“Hello World from Node.js on Debian!”的響應。

7. 可選：提升開發體驗

• 使用Nodemon自動重啟：安裝Nodemon作為開發依賴，修改代碼后自動重啟服務器：

  npm install --save-dev nodemon
  

  修改package.json的scripts部分，添加dev命令：

  "scripts": {
    "start": "node index.js",
    "dev": "nodemon index.js"
  }
  

  之后通過npm run dev啟動開發模式。

• 使用PM2進程管理：生產環境中，用PM2保持應用運行、監控狀態及自動重啟：

  sudo npm install -g pm2
  pm2 start index.js --name "my-web-app"
  pm2 status  # 查看應用狀態
  pm2 save    # 保存當前進程列表
  pm2 startup # 設置開機自啟動
  

8. 可選：配置Nginx反向代理
為提高性能、支持HTTPS或隱藏端口，可將Nginx作為反向代理：

• 安裝Nginx：

  sudo apt install -y nginx
  

• 配置Nginx：編輯默認站點配置文件（/etc/nginx/sites-available/default），替換為以下內容：

  server {
    listen 80;
    server_name your_domain_or_ip;  # 替換為域名或IP
  
    location / {
      proxy_pass http://localhost:3000;  # 轉發到Node.js應用
      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 nginx -t  # 檢查配置語法
  sudo systemctl restart nginx
  

  現在可通過http://your_domain_or_ip訪問應用。