Ubuntu如何使用Node.js進行Web開發

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

安裝Node.js

1. 使用官方APT倉庫安裝：

sudo apt update
sudo apt install nodejs npm

2. 使用NodeSource APT倉庫安裝：

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

3. 使用nvm（Node Version Manager）安裝：

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash
source ~/.bashrc
nvm install 14
nvm use 14

創建一個新的Node.js項目

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

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

2. 初始化一個新的Node.js項目：

npm init -y

這會創建一個package.json文件，其中包含項目的元數據。

安裝Web開發所需的依賴項

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

npm install express --save

創建一個簡單的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}`);
});

運行Web服務器

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

node app.js

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

開發你的Web應用

你可以繼續添加更多的路由和中間件來擴展你的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, () => {
});

在這個例子中，我們使用了body-parser中間件來解析表單數據，并添加了一個新的路由來處理表單提交。

使用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框架和工具。