Node.js HTTP文件

服务基础HTML

以下部分显示了如何创建一个简单的Web服务器，从文件夹返回HTML文件。

创建一个简单的HTML文件，名为index.html，我们计划返回在服务器上的每个请求GET'/'。

  1.  
  2.  
  3.  
  4.    You are looking lovely! 
  5.  
  6.  

以下代码显示如何向客户端提供静态html文件。

  1. var http = require("http"); 
  2. var fs = require("fs"); 
  3. function send404(response) { 
  4.     response.writeHead(404, { "Content-Type": "text/plain" }); 
  5.     response.write("Error 404: Resource not found."); 
  6.     response.end(); 
  7. } 
  9. var server = http.createServer(function (req, res) { 
  10.     if (req.method == "GET" && req.url == "/") { 
  11.         res.writeHead(200, { "content-type": "text/html" }); 
  12.         fs.createReadStream("./public/index.html").pipe(res); 
  13.     } else { 
  14.         send404(res); 
  15.     } 
  16. }).listen(3000); 
  18. console.log("server running on port 3000");

如果启动服务器(运行节点server.js)并在http://localhost:3000上打开浏览器，你将看到我们之前创建的HTML页面。

服务目录

首先，创建一个简单的客户端JavaScript文件，在HTML加载完成后附加到正文。

我们计划从服务器请求此JavaScript文件。

  1. window.onload = function () { 
  2.     document.body.innerHTML += "Talk JavaScript with me"; 
  3. }

通过在< head>中添加脚本标记，加载客户端JavaScript文件，以修改我们的简单HTML文件。 

  1.

为了支持这个JavaScript加载，我们需要使用path模块来解析基于request.url属性的文件系统上的文件的路径。

我们还需要看看我们是否有为请求的文件类型注册的MIME类型。

我们必须确保该文件存在，然后尝试从文件系统读取它。

这是向客户端提供文件夹的源代码。

  1. var http = require("http"); 
  2. var fs = require("fs"); 
  3. var path = require("path"); 
  4. function send404(response) { 
  5.     response.writeHead(404, { "Content-Type": "text/plain" }); 
  6.     response.write("Error 404: Resource not found."); 
  7.     response.end(); 
  8. } 
  10. var mimeLookup = { 
  11.     ".js": "application/javascript", 
  12.     ".html": "text/html" 
  13. }; 
  15. var server = http.createServer(function (req, res) {
  16.     if (req.method == "GET") { 
  17.          var fileurl; 
  18.         if (req.url == "/") 
  19.            fileurl = "/index.html"; 
  20.         else 
  21.            fileurl = req.url; 
  22.         var filepath = path.resolve("./public" + fileurl); 
  24.         var fileExt = path.extname(filepath); 
  25.         var mimeType = mimeLookup[fileExt]; 
  26.         if (!mimeType) { 
  27.             send404(res); 
  28.             return;
  29.         }
  30.         fs.exists(filepath, function (exists) {
  31.             if (!exists) {
  32.                 send404(res); 
  33.                 return; 
  34.             };
  35.             res.writeHead(200, { "content-type": mimeType }); 
  36.             fs.createReadStream(filepath).pipe(res);
  37.          }); 
  38.      } else {
  39.          send404(res);
  40.      } 
  41. }).listen(3000); 
  43. console.log("server running on port 3000");