今天想要來談談 Express.js
是 Node.js 後端開發中非常重要的框架
之前已經談過 Node.js、require、process.env、fs、http 等概念,接下來 Express.js 就是把這些基礎整合起來,可以更容易建立後端 API。
一、什麼是 Express.js?
Express.js 是建立在 Node.js 上的輕量級 Web Framework(網頁應用程式框架)。
簡單來說:
例如: 平常使用 React 開發 Dashboard,透過 Axios 呼叫後端 API,而後端就可能使用 Express.js 接收請求。
二、為什麼需要 Express.js?
如果使用 Node.js 原生 http 建立 API:
const http = require("http");
const server = http.createServer((req, res) => {
if (req.url === "/users" && req.method === "GET") {
res.setHeader("Content-Type", "application/json");
res.end(JSON.stringify({ name: "Shenny" }));
}
});
server.listen(3000);
使用 Express.js:
const express = require("express");
const app = express();
app.get("/users", (req, res) => {
res.json({ name: "Shenny" });
});
app.listen(3000);
兩者都能建立 API,但 Express.js 提供更簡潔的路由、Middleware 與回應處理方式。
整個方便許多!可以少寫很多程式碼!
三、建立第一個 Express.js 專案
在終端機執行:
mkdir express-demo
cd express-demo
npm init -y
npm install express
新增 app.js:
const express = require("express");
const app = express();
app.get("/", (req, res) => {
res.send("Hello Express!");
});
app.listen(3000, () => {
console.log("Server running on port 3000");
});
啟動:node app.js
打開瀏覽器:http://localhost:3000
就會看到:Hello Express!