使用Node.js搭建Web服務器
1、 Node.js 創建的第一個應用
1、引入http模塊
var http = require("http");
2、 創建服務器
接下來我們使用 http.createServer() 方法創建服務器,並使用 listen 方法綁定 8888 端口。函數通過 request, response 參數來接收和響應數據。
//1.引入 http 模塊 var http=require('http'); //2.用 http 模塊創建服務 http.createServer(function(req,res){ // 發送 HTTP 頭部 // HTTP 狀態值: 200 : OK //設置 HTTP 頭部,狀態碼是 200,文件類型是 html,字符集是 utf-8 res.writeHead(200,{"Content-Type":"text/html;charset='utf-8'"}); res.write('你好 nodejs'); res.write('我是第一個 nodejs 程序'); res.end(); /*結束響應*/ }).listen(8001);
2、 WEB 服務器介紹
Web 服務器一般指網站服務器,是指駐留於因特網上某種類型計算機的程序,可以向瀏覽器等 Web 客戶端提供文檔, 也可以放置網站文件,讓全世界瀏覽;可以放置數據文件,讓全世界下載。目前最主流的三個 Web 服務器是 Apache 、 Nginx 、IIS。
3、 Nodejs 封裝一個 WEB 服務器
啟動
node start
功能
* 能顯示以 `.html/.htm` 結尾的 Web 頁面
* 能直接打開以 `.js/.css/.json/.text` 結尾的文件內容
* 顯示圖片資源
* 自動下載以 `.apk/.docx/.zip` 結尾的文件
* 形如 `http://xxx.com/a/b/` , 則查找b目錄下是否有 `index.html`,如果有就顯示,如果沒有就列出該目錄下的所有文件及文件夾,並可以進一步訪問。
* 形如 `http://xxx.com/a/b`, 則作301重定向到 `http://xxx.com/a/b/` , 這樣可以解決內部資源引用錯位的問題。
HttpServer.js
module.exports = (function () { "use strict"; console.time('[HttpServer][Start]'); //http協議模塊 var http = require('http'); //url解析模塊 var url = require('url'); //文件系統模塊 var fs = require("fs"); //路徑解析模塊 var path = require("path"); return { //啟動服務 start: function () { var port = this.config.port; var ip = this.config.ip; //創建一個服務 var httpServer = http.createServer(this.processRequest.bind(this)); //在指定的端口監聽服務 httpServer.listen(port, function () { console.log("[HttpServer][Start]", "runing at http://" + ip + ":" + port + "/"); console.timeEnd("[HttpServer][Start]"); }); httpServer.on("error", function (error) { console.error(error); }); }, /** * 請求處理 * @param request * @param response */ processRequest: function (request, response) { var hasExt = true; var requestUrl = request.url; var pathName = url.parse(requestUrl).pathname; //對請求的路徑進行解碼,防止中文亂碼 pathName = decodeURI(pathName); //如果路徑中沒有擴展名 if ((pathName) === '') { //如果不是以/結尾的,加/並作301重定向 if (pathName.charAt(pathName.length - 1) != "/") { pathName += "/"; var redirect = "http://" + request.headers.host + pathName; response.writeHead(301, { location: redirect }); response.end(); return; //fix bug: 執行301重定向後應終止後續流程,以防 "write after end" 異常 } //添加默認的訪問頁面,但這個頁面不一定存在,後面會處理 pathName += "index.html"; hasExt = false; //標記默認頁面是程序自動添加的 } //獲取資源文件的相對路徑 var filePath = path.join("http/webroot", pathName); //獲取對應文件的文檔類型 var contentType = this.getContentType(filePath); //如果文件名存在 fs.exists(filePath, function (exists) { if (exists) { response.writeHead(200, {"content-type": contentType}); var stream = fs.createReadStream(filePath, {flags: "r", encoding: null}); stream.on("error", function () { response.writeHead(500, {"content-type": "text/html"}); response.end("<h1>500 Server Error</h1>"); }); //返回文件內容 stream.pipe(response); } else { //文件名不存在的情況 if (hasExt) { //如果這個文件不是程序自動添加的,直接返回404 response.writeHead(404, {"content-type": "text/html"}); response.end("<h1>404 Not Found</h1>"); } else { //如果文件是程序自動添加的且不存在,則表示用戶希望訪問的是該目錄下的文件列表 var html = "<head><meta charset='utf-8'></head>"; try { //用戶訪問目錄 var filedir = filePath.substring(0, filePath.lastIndexOf('\\')); //獲取用戶訪問路徑下的文件列表 var files = fs.readdirSync(filedir); //將訪問路徑下的所以文件一一列舉出來,並添加超鏈接,以便用戶進一步訪問 for (var i in files) { var filename = files[i]; html += "<div><a href='" + filename + "'>" + filename + "</a></div>"; } } catch (e) { html += "<h1>您訪問的目錄不存在</h1>" } response.writeHead(200, {"content-type": "text/html"}); response.end(html); } } }); }, /** * 獲取文檔的內容類型 * @param filePath * @returns {*} */ getContentType: function (filePath) { var contentType = this.config.mime; var ext = path.extname(filePath).substr(1); if (contentType.hasOwnProperty(ext)) { return contentType[ext]; } else { return contentType.default; } }, ///配置信息 config: { port: 8888, ip: '127.0.0.1', mime: { html: "text/html", js: "text/javascript", css: "text/css", gif: "image/gif", jpg: "image/jpeg", png: "image/png", ico: "image/icon", txt: "text/plain", json: "application/json", default: "application/octet-stream" } } } })();
start.js
var http = require('./http/HttpServer'); http.start();
源代碼
點擊下載
到此這篇關於使用Node.js搭建Web服務器的文章就介紹到這瞭。希望對大傢的學習有所幫助,也希望大傢多多支持WalkonNet。
推薦閱讀:
- Node.js之http模塊的用法
- Node.js開發靜態資源服務器
- Node.js中的HTTP Server對象與GET、POST請求
- nodejs中的http模塊與npm模塊使用
- Node如何實現在瀏覽器預覽項目的所有圖片詳解