筆記對應課程內容為成都資訊工程大學區塊鏈產業學院老師梁培利的DApp 設計與開發 14-15 課
筆記中提到的名詞不做過多解釋 不懂就搜!
JavaScript 是一門全棧開發語言,它在前端可以使用諸如 Vite、React、Vue、Next.js 等框架來構建互動性強、使用者介面友好的應用程式。而在後端,JavaScript 可以透過 Express.js 等框架來構建服務端應用,提供資料處理、業務邏輯和 API 介面等功能。
後端開發的主要任務是提供資料和功能支援,為前端和其他應用程式提供穩定、可靠的介面。
基礎的 Express.js 後端教程
1. 準備工作
在開始之前,確保你已經安裝了 Node.js 和 npm(Node 包管理器)。Express 是一個 Node.js 的框架,用於構建 Web 應用程式和 API。
2. 建立一個新的 Express 專案
首先,在命令列中建立一個新的目錄,並進入該目錄:
mkdir express-demo
cd express-demo
然後,初始化 npm 專案(如果尚未初始化):
npm init -y
3. 安裝 Express
接下來,安裝 Express 框架:
npm install express
4. 建立一個簡單的 Express 應用
現在,建立一個 app.js
檔案(或者任何你喜歡的名字),並編寫以下程式碼:
// 引入 Express 框架
const express = require('express');
// 建立 Express 應用
const app = express();
// 定義一個簡單的路由
app.get('/', (req, res) => {
res.send('Hello Express!');
});
// 監聽埠並啟動伺服器
const port = 3000;
app.listen(port, () => {
console.log(`Server is running on http://localhost:${port}`);
});
5. 啟動 Express 伺服器
儲存 app.js
檔案後,使用以下命令啟動 Express 伺服器:
node app.js
現在,你的 Express 伺服器應該已經在 http://localhost:3000
上執行。
6. 建立更多的路由和中介軟體
Express 允許你建立多個路由來處理不同的 HTTP 請求。例如,你可以新增以下路由來演示不同的功能:
// 處理 POST 請求的路由
app.post('/api/post', (req, res) => {
res.send('Received a POST request');
});
// 使用中介軟體處理請求
app.use(express.json()); // 解析 JSON 請求體
app.use(express.urlencoded({ extended: true })); // 解析 URL 編碼的請求體
// 處理帶有引數的路由
app.get('/api/user/:id', (req, res) => {
const userId = req.params.id;
res.send(`User ID: ${userId}`);
});
// 處理靜態檔案
app.use(express.static('public'));
// 處理404錯誤
app.use((req, res) => {
res.status(404).send('404 Not Found');
});
7. 使用中介軟體
Express 中介軟體是一個函式,可以訪問請求物件 (req
)、響應物件 (res
) 和應用程式中的下一個中介軟體函式。中介軟體函式可以用來執行各種任務,例如身份驗證、日誌記錄等。
// 自定義中介軟體示例
function logMiddleware(req, res, next) {
console.log(`Request received: ${req.method} ${req.url}`);
next();
}
// 應用中介軟體到所有路由
app.use(logMiddleware);