iT邦幫忙

2026 iThome 鐵人賽

DAY 24
0

今天想要來談談 Express.js
是 Node.js 後端開發中非常重要的框架

之前已經談過 Node.js、require、process.env、fs、http 等概念,接下來 Express.js 就是把這些基礎整合起來,可以更容易建立後端 API。

一、什麼是 Express.js?
Express.js 是建立在 Node.js 上的輕量級 Web Framework(網頁應用程式框架)。

簡單來說:

  • Node.js:讓 JavaScript 可以在伺服器上執行。
  • Express.js:協助 Node.js 更快速地建立 API、處理 HTTP Request 和 Response。

例如: 平常使用 React 開發 Dashboard,透過 Axios 呼叫後端 API,而後端就可能使用 Express.js 接收請求。
https://ithelp.ithome.com.tw/upload/images/20261008/20184323pbQaCaj5w6.png

二、為什麼需要 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!


上一篇
Day 23 - NPM 與套件管理 -2
系列文
在AI 時代的碰撞下~當前端工程師開始碰上後端又到了雲服務的旅程 共 24 篇
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言