如何在Ubuntu上使用Node.js開發Web應用

在Ubuntu上使用Node.js開發Web應用是一個相對簡單的過程。以下是一個詳細的步驟指南，幫助你完成整個過程：

1. 安裝Node.js和npm

首先，你需要在Ubuntu系統上安裝Node.js和npm（Node包管理器）。以下是幾種常見的安裝方法：

使用NodeSource APT倉庫

這是最推薦的方法，因為它可以輕松安裝最新版本的Node.js。

# 更新系統軟件包列表
sudo apt update

# 安裝Node.js和npm
sudo apt install -y nodejs npm

# 驗證安裝
node -v
npm -v

使用NVM（Node Version Manager）

NVM允許你在同一臺機器上安裝和管理多個Node.js版本。

# 安裝NVM
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash

# 安裝特定版本的Node.js
nvm install 14

# 切換到安裝的Node.js版本
nvm use 14

# 驗證安裝
node -v
npm -v

手動編譯安裝

如果需要自定義配置選項或者測試尚未發布的開發分支，則可以選擇從源碼構建Node.js。

# 下載Node.js源碼
wget https://nodejs.org/dist/v14.16.1/node-v14.16.1-linux-x64.tar.xz

# 解壓文件
tar -xvf node-v14.16.1-linux-x64.tar.xz

# 設置環境變量
echo 'export PATH=/opt/nodejs/bin:$PATH' >> ~/.bashrc
source ~/.bashrc

# 驗證安裝
node -v

2. 創建一個新的Node.js項目

在你的工作目錄中創建一個新的文件夾，并進入該文件夾：

mkdir my-nodejs-project
cd my-nodejs-project

# 初始化一個新的Node.js項目
npm init -y

這會創建一個package.json文件，其中包含你的項目信息。

3. 安裝Web開發所需的依賴項

根據你的項目需求，安裝相應的Node.js庫。例如，如果你想使用Express.js框架，可以運行以下命令：

npm install express --save

4. 創建一個簡單的Web服務器

在你的項目目錄中創建一個名為app.js的文件，并添加以下代碼：

const express = require('express');
const app = express();
const port = 3000;

app.get('/', (req, res) => {
  res.send('Hello World!');
});

app.listen(port, () => {
  console.log(`Server is running on http://localhost:${port}`);
});

5. 運行你的Web服務器

在終端中運行以下命令啟動你的Web服務器：

node app.js

你應該會看到輸出：Server is running on http://localhost:3000。

6. 添加更多功能

你可以根據需要添加更多的路由和中間件來擴展你的Web應用。例如，你可以添加一個簡單的表單來處理用戶輸入：

const express = require('express');
const bodyParser = require('body-parser');
const app = express();
const port = 3000;

app.use(bodyParser.urlencoded({ extended: true }));

app.get('/', (req, res) => {
  res.send(`
    <form action="/submit" method="post">
      <input type="text" name="name" placeholder="Enter your name">
      <button type="submit">Submit</button>
    </form>
  `);
});

app.post('/submit', (req, res) => {
  const name = req.body.name;
  res.send(`Hello, ${name}!`);
});

app.listen(port, () => {
});

7. 使用npm腳本

你可以在package.json文件中添加一些npm腳本來簡化開發流程。例如：

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

然后，你可以使用以下命令來啟動你的應用：

npm start

或者使用nodemon來自動重啟服務器：

npm run dev

通過這些步驟，你就可以在Ubuntu上使用Node.js進行Web開發了。根據你的需求，你可以進一步學習和探索更多的Node.js框架和工具。