第九篇：node靜態文件服務(中間件)

在網頁應用程式中，靜態檔案（如HTML、CSS、JavaScript、圖片等）的處理是一項常見的需求。Node.js提供了一個靈活的框架來處理這些需求，其中一個關鍵部分就是使用「靜態伺服器」或稱為「靜態資源服務器」的中介軟體。本文將深入探討如何在Node.js環境中配置和使用這種中介軟體，以簡化靜態資源的管理。

什麼是靜態資源？

靜態資源是指那些內容不隨時間而變化的檔案，用戶端可以透過HTTP請求直接從伺服器下載這些檔案而不需要任何後端的邏輯處理。例如，網站的首頁HTML檔案通常是一個靜態資源，因為它在沒有使用者互動的情況下不會改變。

Node.js中的靜態資源服務

在Node.js中，你可以輕易地建立一個簡單的路由系統來管理靜態資源。然而，當資料夾結構變得複雜或者需要更高效的方式來提供這些檔案時，使用專門的中介軟體會更加方便有效。

`express-static` 模組

`express-static` 是Express.js的一個內建功能，它允許你在Express應用程式中設定靜態資源路徑。以下是如何使用的基本範例：

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

// 設定根目錄為靜態資源的根路徑
app.use('/', express.static(__dirname)); // __dirname代表目前執行腳本的位置

app.listen(3000);
console.log('Server is listening on port 3000');

在上述代碼中，我們使用了`__dirname`變數來指定靜態資源的根目錄位置。這樣一來，所有對 ‘/’ 的請求都會被路由到指定的目錄，並且用戶端可以訪問該目錄下的所有靜態資源。

進階配置選項

`express-static` 提供了幾種進階配置選項來進一步控制靜態資源的行為，包括：

1. index – 定義預設檔案的索引名稱，如果未提供具體的檔案路徑。

2. fallthrough – 如果True，則未匹配的路徑會傳遞給下一層級的路由；若False，則會返回404錯誤訊息。

3. maxAge – HTTP回應標頭的Cache-Control屬性值，用於設定資源的過期時間。

4. setHeaders – 在響應之前自訂HTTP標頭函式。

這些選項可以在呼叫`app.use()`方法時作為第二個參數傳入。例如：

app.use('/', express.static(__dirname, { index: 'index.html' }));

其他靜態資源伺服器

除了`express-static`之外，還有許多其他的第三方模組可用於提供靜態資源服務，比如[serve-static](https://www.npmjs.com/package/serve-static)和[connect-assets](https://www.npmjs.com/package/connect-assets)等等。選擇哪一種取決於你的特定需求以及你是否想要利用其特定的特性。

小結

總之，靜態資源服務是在Node.js中開發Web應用程式的核心功能之一。通過正確的使用和管理這些資源，你可以有效地提高應用程式的性能並減少伺服器的負擔。隨著技術的不斷發展，新的解決方案也將會出現，但瞭解基礎知識對於理解和應用這些新工具至關重要。