要使用 Node.js 創(chuàng)建一個(gè)簡(jiǎn)單的靜態(tài)文件服務(wù)器也颤,你可以使用 Node.js 的內(nèi)置 http 模塊姑躲,配合 fs(文件系統(tǒng))模塊來(lái)讀取并返回靜態(tài)文件內(nèi)容晾咪。這里有一個(gè)簡(jiǎn)單的示例說(shuō)明如何做到這一點(diǎn)瞧掺。
步驟 1: 創(chuàng)建一個(gè)基本的 HTTP 服務(wù)器
首先饲齐,你需要使用 http 模塊來(lái)創(chuàng)建一個(gè)基本的 web 服務(wù)器,它將偵聽(tīng)特定的端口上的 HTTP 請(qǐng)求。
步驟 2: 使用 fs 模塊讀取請(qǐng)求的文件
當(dāng)接收到一個(gè)請(qǐng)求時(shí),使用 fs 模塊來(lái)讀取對(duì)應(yīng)的靜態(tài)文件租漂。你需要根據(jù)請(qǐng)求的 URL 來(lái)尋找對(duì)應(yīng)的文件路徑。
步驟 3: 返回靜態(tài)文件內(nèi)容
讀取文件后颊糜,將文件內(nèi)容作為響應(yīng)返回哩治。如果文件不存在,你可以返回 404 狀態(tài)碼衬鱼。
下面是一個(gè)簡(jiǎn)單的示例代碼:
const http = require('http');
const fs = require('fs');
const path = require('path');
const hostname = '127.0.0.1';
const port = 3000;
const server = http.createServer((req, res) => {
console.log('Request for ' + req.url + ' by method ' + req.method);
// 默認(rèn)訪問(wèn)index.html文件
let filePath = '.' + req.url;
if (filePath == './') {
filePath = './index.html';
}
const extname = String(path.extname(filePath)).toLowerCase();
const mimeTypes = {
'.html': 'text/html',
'.js': 'text/javascript',
'.css': 'text/css',
'.json': 'application/json',
'.png': 'image/png',
'.jpg': 'image/jpg',
'.gif': 'image/gif',
};
// 默認(rèn)內(nèi)容類型為text/plain
let contentType = mimeTypes[extname] || 'text/plain';
fs.readFile(filePath, function(error, content) {
if (error) {
if(error.code == 'ENOENT'){
fs.readFile('./404.html', function(error, content) {
res.writeHead(404, { 'Content-Type': 'text/html' });
res.end(content, 'utf-8');
});
} else {
res.writeHead(500);
res.end('Sorry, check with the site admin for error: '+error.code+' ..\n');
}
} else {
res.writeHead(200, { 'Content-Type': contentType });
res.end(content, 'utf-8');
}
});
});
server.listen(port, hostname, () => {
console.log(`Server running at http://${hostname}:${port}/`);
});
這個(gè)代碼將啟動(dòng)一個(gè) HTTP 服務(wù)器业筏,它偵聽(tīng) 127.0.0.1(localhost)上的 3000 端口。服務(wù)器將嘗試根據(jù)請(qǐng)求的 URL 返回對(duì)應(yīng)的文件鸟赫。例如蒜胖,如果你訪問(wèn) http://127.0.0.1:3000/,服務(wù)器將嘗試返回當(dāng)前目錄下的 index.html 文件抛蚤。
注意台谢,這個(gè)簡(jiǎn)單的靜態(tài)文件服務(wù)器是一個(gè)演示,可能不適合生產(chǎn)環(huán)境使用岁经。對(duì)于實(shí)際項(xiàng)目朋沮,考慮使用專門(mén)的靜態(tài)文件服務(wù)器軟件,如 Nginx缀壤,或者使用 Node.js 的擴(kuò)展模塊樊拓,如 express 和其 static 中間件纠亚,來(lái)更容易地管理靜態(tài)資源。