從零開始,在windows上用nodejs搭建一個靜態文件服務器

從零開始,在windows上用nodejs搭建一個靜態文件服務器

首先安裝nodejs:

• 新建一個node文件夾
• 下載node.exe到該文件夾
• 下載npm然后解壓到該文件夾
• 現在node文件夾是這樣的
• 把該目錄加入到path環境變量
• 在命令行執行

  node -v
  

  npm -v
  

   如果得到了版本號則表示nodejs安裝完成

• 在命令行中執行

  npm config set registry https://registry.npm.taobao.org
  

  以后安裝nodejs模塊 都會從淘寶的npm鏡像中下載

• 如果想要發布自己的模塊到npm要先把npm的registry切換回來

  npm config set registry https://registry.npmjs.org
  

  
   

接下來搭建靜態文件服務器

• 創建一個文件夾server,一個文件夾root,server內是服務器的js代碼,root是根目錄
• server文件夾里面創建js文件 index.js mime.js server.js
• index.js

  var server = require('./server.js');
  var cp = require('child_process');
  var rootpath = 'root';
  var sv = server.create({
      port: '9587',
      host: '127.0.0.1',
      root: rootpath
  });
  cp.exec('explorer http://127.0.0.1:9587', function () {
  });
  

  　　

   

• mime.js

  var types = {
      "css": "text/css",
      "less": "text/css",
      "gif": "image/gif",
      "html": "text/html",
      "ejs": "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",
      "default": "text/plain"
  };
  module.exports = function (ext) {
      return types[ext] || 'text/plain'
  }
  

   

• server.js

  var http = require('http');
  var path = require('path');
  var fs = require('fs');
  var url = require("url");
  var mime = require('./mime.js');
  
  function getPromise(cbk) {
      return (new Promise(cbk));
  }
  exports.create = function (opts) {
      var root = opts.root;
      var sv = http.createServer();
  
      function request(request, response) {
          var pathname = decodeURIComponent(url.parse(request.url).pathname);
          var realPath = path.resolve(path.join(root, pathname));//請求的實際路徑
          getPromise(function (resolve, reject) {
              fs.exists(realPath, function (isExists) {//判斷路徑是否存在
                  isExists ? resolve() : reject();
              });
          }).catch(function () {
              resWrite(response, '404', 'html', '<h1>404</h1>file or dir : <h3>' + pathname + '</h3>not found');
          }).then(function () {
              return getPromise(function (resolve, reject) {
                  fs.stat(realPath, function (err, stat) {//判斷路徑是文件還是文件夾
                      if (err) {
                          reject(err);
                      } else {
                          resolve(stat);
                      }
                  })
              }).then(function (stat) {
                  if (stat.isFile()) {//路徑對應的是一個文件
                      resFile(response, realPath);
                  } else if (stat.isDirectory()) {//路徑對應的是一個文件夾
                      var defaultIndexPath = path.resolve(realPath, 'index.html');
                      return getPromise(function (resolve, reject) {
                          fs.exists(defaultIndexPath, function (isExists) {
                              if (isExists) {//如果該文件夾內有index.html
                                  resolve(true);
                              } else {//該文件夾內沒有index.html 則 顯示該文件夾的內容列表
                                  resolve(false);
                              }
                          })
                      }).then(function (isExistsIndex) {
                          if (isExistsIndex) {
                              resFile(response, defaultIndexPath);
                          } else {
                              return getPromise(function (resolve, reject) {
                                  fs.readdir(realPath, function (err, list) {
                                      if (err) {
                                          reject(err);
                                      } else {
                                          resolve(list);
                                      }
                                  })
                              }).then(function (list) {
                                  var pmlist = list.map(function (item) {
                                      return (new Promise(function (resolve, reject) {
                                          fs.stat(path.resolve(realPath, item), function (err, stat) {
                                              if (err) {
                                                  console.error(err);
                                                  resolve('');
                                              } else if (stat.isFile()) {
                                                  resolve(`<li class="file"><a href="${item}">${item}</a></li>`);
                                              } else if (stat.isDirectory()) {
                                                  resolve(`<li class="dir"><a href="${item}/">${item}</a></li>`);
                                              } else {
                                                  resolve('');
                                              }
                                          })
                                      }));
                                  });
                                  Promise.all(pmlist).then(function (linkList) {
                                      var links = '<ul>';
                                      links += '<li class="dir"><a href="../">../</a></li>';
                                      links += linkList.join('');
                                      links += '</ul>';
                                      var dirPage = `
  <!doctype html>
  <html>
  <head>
  <meta charset="utf-8"/>
      <style>
          a{color:blue;text-decoration: none;}
          .dir a{color:orange}
      </style>
  </head>
  <body>
      ${links}
  </body>
  </html>
  `;
                                      resWrite(response, '200', 'html', dirPage);
                                  });
                              }).catch(function (err) {
                                  resWrite(response, '500', 'default', err.toString());
                              })
                          }
                      })
                  } else {//既不是文件也不是文件夾
                      resWrite(response, '404', 'html', '<h1>404</h1>file or dir : <h3>' + pathname + '</h3>not found');
                  }
              }).catch(function (err) {
                  resWrite(response, '500', 'default', err.toString());
              })
          })
      }
  
  
      sv.on('request', request);
      sv.listen(opts.port, opts.host);
      return sv;
  };
  
  function resFile(response, realPath) {//輸出一個文件
      fs.readFile(realPath, function (err, data) {
          if (err) {
              resWrite(response, '500', 'default', err.toString());
          } else {
              var ext = path.extname(realPath).toLocaleLowerCase();
              ext = (ext ? ext.slice(1) : 'unknown');
              resWrite(response, '200', ext, data);
          }
      });
  }
  
  function resWrite(response, statusCode, mimeKey, data) {
      response.writeHead(statusCode, {'Content-Type': mime(mimeKey)});
      response.end(data);
  }
  

   

• 在server文件夾內按住shift按鈕,鼠標右鍵點擊文件夾內空白區域,點擊在此處打開命令窗口,執行命令

  node index.js