nodejs搭建本地http服務(wù)器教程

發(fā)布時間：2020-09-03 19:27:53 來源：腳本之家閱讀：221 作者：shawn.xie 欄目：web開發(fā)

由于不做php相關(guān)的東西，懶得裝apache，干脆利用nodejs搭建一個本地的服務(wù)器用于測試。

nodejs這玩意兒吧，對做前端的介入后端簡直就是一把利器。而且目前，nodejs也越來越有商用價值。

nodejs其實(shí)是非常底層的，從功能上說，它既是apache也是php。像搭建http服務(wù)器這種功能，本來是apache已經(jīng)封裝好的，但nodejs需要我們手動來搭建。其實(shí)在實(shí)際應(yīng)用中，我們可以使用現(xiàn)成的框架。但這里，我想手動搭建，也加深一下對http服務(wù)器的理解。

我們node執(zhí)行下面這個文件，我命名為http.js，它將創(chuàng)建一個httpServer并監(jiān)聽3000端口。

var PORT = 3000;

var http = require('http');
var url=require('url');
var fs=require('fs');
var mine=require('./mine').types;
var path=require('path');

var server = http.createServer(function (request, response) {
  var pathname = url.parse(request.url).pathname;
  var realPath = path.join("assets", pathname);
  //console.log(realPath);
  var ext = path.extname(realPath);
  ext = ext ? ext.slice(1) : 'unknown';
  fs.exists(realPath, function (exists) {
    if (!exists) {
      response.writeHead(404, {
        'Content-Type': 'text/plain'
      });

      response.write("This request URL " + pathname + " was not found on this server.");
      response.end();
    } else {
      fs.readFile(realPath, "binary", function (err, file) {
        if (err) {
          response.writeHead(500, {
            'Content-Type': 'text/plain'
          });
          response.end(err);
        } else {
          var contentType = mine[ext] || "text/plain";
          response.writeHead(200, {
            'Content-Type': contentType
          });
          response.write(file, "binary");
          response.end();
        }
      });
    }
  });
});
server.listen(PORT);
console.log("Server runing at port: " + PORT + ".");

上面我們還引入了一個mine.js，這是我自己寫的，里面存儲的是名值對，用于定義不同后綴的文件所對應(yīng)的返回方式：

exports.types = {
 "css": "text/css",
 "gif": "image/gif",
 "html": "text/html",
 "ico": "image/x-icon",
 "jpeg": "image/jpeg",
 "jpg": "image/jpeg",
 "js": "text/javascript",
 "json": "application/json",
 "pdf": "application/pdf",
 "png": "image/png",
 "svg": "image/svg+xml",
 "swf": "application/x-shockwave-flash",
 "tiff": "image/tiff",
 "txt": "text/plain",
 "wav": "audio/x-wav",
 "wma": "audio/x-ms-wma",
 "wmv": "video/x-ms-wmv",
 "xml": "text/xml"
};

fs模塊是用于讀取文件的，提供讀取文件的方法，其實(shí)仔細(xì)研究文檔會發(fā)現(xiàn)，它有同步和異步兩種讀取方式。fs.exists這個方法網(wǎng)上很多文章寫作path.exists，，現(xiàn)在推薦寫作fs.exists這個方法。否則會報(bào)警：

nodejs搭建本地http服務(wù)器教程

需要注意的是，不僅瀏覽器訪問html文件會形成一次訪問，里面鏈接的js，css等外部文件也會分別形成一次http訪問。所以，http.createServer的回調(diào)其實(shí)是在一次頁面訪問中執(zhí)行了多次的。我們console.log(realPath)一下就可以看到：

nodejs搭建本地http服務(wù)器教程

這里并沒有加入默認(rèn)訪問index.html的功能，所以訪問地址要寫全http://127.0.0.1:3000/index.html

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持億速云。

向AI問一下細(xì)節(jié)

nodejs搭建本地http服務(wù)器教程

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽