溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
這篇文章給大家分享的是有關(guān)Node.js如何搭建Web服務(wù)器的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。
使用nodejs搭建Web服務(wù)器是學習Node.js比較全面的入門教程，因為實現(xiàn)Web服務(wù)器需要用到幾個比較重要的模塊：http模塊、文件系統(tǒng)、url解析模塊、路徑解析模塊、以及301重定向技術(shù)等，下面我們就一起來學習如何搭建一個簡單的Web服務(wù)器。
作為一個Web服務(wù)器應(yīng)具備以下幾個功能：
能顯示以 .html/.htm 結(jié)尾的 Web 頁面
能直接打開以 .js/.css/.json/.text 結(jié)尾的文件內(nèi)容
顯示圖片資源
自動下載以 .apk/.docx/.zip 結(jié)尾的文件
形如 http://xxx.com/a/b/ , 則查找b目錄下是否有index.html, 如果有就顯示，如果沒有就列出該目錄下的所有文件及文件夾，并可以進一步訪問。
形如 http://xxx.com/a/b, 則作301重定向到 http://xxx.com/a/b/ , 這樣可以解決內(nèi)部資源引用錯位的問題。
引入需要用到的幾個模塊：
// http協(xié)議模塊
var http = require('http');
// url解析模塊
var url = require('url');
// 文件系統(tǒng)模塊
var fs = require('fs');
// 路徑解析模塊
var path = require('path');創(chuàng)建服務(wù)并在指定的端口監(jiān)聽：
// 創(chuàng)建一個服務(wù)
var httpServer = http.createServer(this.processRequest.bind(this));
// 在指定的端口監(jiān)聽服務(wù)
httpServer.listen(port, function() {
console.log('[HttpServer][Start]', 'runing at http://' + ip + ':' + port + '/');
console.timeEnd('[HttpServer][Start]');
});在創(chuàng)建服務(wù)的時候需要傳遞一個匿名函數(shù) processRequest 對請求進行處理，processRequest接收兩個參數(shù)，分別是 request 和 response, request 對象中包含了請求的所有內(nèi)容，response 是用來設(shè)置響應(yīng)頭以及對客戶端做出響應(yīng)操作。
processRequest: function (request, response) {
varhasExt = true;
varrequestUrl = request.url;
varpathName = url.parse(requestUrl).pathname;
// 對請求的路徑進行解碼，防止中文亂碼
pathName = decodeURI(pathName);
// 如果路徑中沒有擴展名
if(path.extname(pathName) === '') {
// 如果不是以/結(jié)尾的，加/并作301重定向
if(pathName.charAt(pathName.length-1) != '/'){
pathName += '/';
varredirect = 'http://'+ request.headers.host + pathName;
response.writeHead(301, {
location: redirect
});
response.end();
return;
}
// 添加默認的訪問頁面,但這個頁面不一定存在,后面會處理
pathName += 'index.html';
hasExt = false; // 標記默認頁面是程序自動添加的
}
// 獲取資源文件的相對路徑
varfilePath = path.join('http/webroot', pathName);
// 獲取對應(yīng)文件的文檔類型
varcontentType = this.getContentType(filePath);
// 如果文件名存在
fs.exists(filePath, function(exists) {
if(exists) {
response.writeHead(200, {'content-type': contentType});
varstream = fs.createReadStream(filePath, {flags: 'r', encoding: null});
stream.on('error', function () {
response.writeHead(500, {'content-type': 'text/html'});
response.end('<h2>500 Server Error</h2>');
});
// 返回文件內(nèi)容
stream.pipe(response);
} else{ // 文件名不存在的情況
if(hasExt) {
// 如果這個文件不是程序自動添加的，直接返回404
response.writeHead(404, {'content-type': 'text/html'});
response.end('<h2>404 Not Found</h2>');
} else{
// 如果文件是程序自動添加的且不存在，則表示用戶希望訪問的是該目錄下的文件列表
varhtml = "<head><meta charset='utf-8'></head>";
try{
// 用戶訪問目錄
varfiledir = filePath.substring(0, filePath.lastIndexOf('\\'));
// 獲取用戶訪問路徑下的文件列表
varfiles = fs.readdirSync(filedir);
// 將訪問路徑下的所以文件一一列舉出來，并添加超鏈接，以便用戶進一步訪問
for(vari infiles) {
varfilename = files[i];
html += "<div><a href='"+ filename + "'>"+ filename + "</a></div>";
}
} catch(e){
html += '<h2>您訪問的目錄不存在</h2>';
}
response.writeHead(200, {'content-type': 'text/html'});
response.end(html);
}
}
});
}請求處理函數(shù)中有幾個重點需要說一下：
對于路徑中有中文的，瀏覽器會自動進行編碼（英文不變，中文會變），因此在接收到地址后，需要對地址進行解碼，否則最后得到的路徑和真實路徑不相符,
當訪問路徑不是以具體的文件結(jié)尾，并且不是以/結(jié)尾，則需要通過重定向加上/，表示當前目錄，否則當前路徑下的靜態(tài)資源會找不到。
如果訪問路徑是目錄，則列出該目錄下所有文件及文件夾，并可以點擊訪問，為了讓中文目錄能正常顯示，則還要在header中設(shè)置charset=utf-8
核心代碼就這么多，大概140行左右，完整的代碼已上傳到 github : https://github.com/git-onepixel/Node,
如果要運行demo,打開 cmd 切換到根目錄，運行 node start 即可。
感謝各位的閱讀！關(guān)于“Node.js如何搭建Web服務(wù)器”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！
免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼