打开github,在github上创建新项目：

Repository name: anydoor

Descripotion: Tiny NodeJS Static Web server

选择：public

选择：Initialize this repository with a README

添加gitignore文件：Add .gitignore:Node

添加License文件：Add a license: MIT License

git clone 该项目地址到本地文件夹

.gitignore

https://git-scm.com/docs/gitignore

.npmignore

https://docs.npmjs.com/misc/developers

代码一致性

https://editorconfig.org/

ESLint

https://editorconfig.org/

安装一个颜色插件chalk

npm init //初始化项目

npm -i chalk

NodeJS在服务器上构建web server

  1. const http = require('http');
  2. const chalk = require('chalk');
  3. const conf = require('./config/defaultConf')
  5. const server = http.createServer((req, res) => {
  6.   res.statusCode = 200;
  7.   res.setHeader('Content-Type','text/plain');    // 输出是文本
  8.   res.end('Hello My Friends!');
  9. });
  11. server.listen(conf.port, conf.hostname, () => {
  12.   const addr = `http://${conf.hostname}:${conf.port}`;
  13.   console.info(`Server started at ${chalk.green(addr)}`)
  14. });

输入 node app.js:

Server started at http://127.0.0.1:9000

在网页可以输出结果：

Hello My Friends!

可以改为html代码显示效果,改变'Content-Type'为'text/html'：

  1. const http = require('http');
  2. const chalk = require('chalk');
  3. const conf = require('./config/defaultConf')
  5. const server = http.createServer((req, res) => {
  6.   res.statusCode = 200;
  7.   res.setHeader('Content-Type','text/html');  // 可以改为html输出效果
  8.   res.write('<html>')
  9.   res.write('<body>')
  10.   res.write('Hello My Friends!');
  11.   res.write('</body>')
  12.   res.write('</html>')
  13.   res.end();
  14. });
  16. server.listen(conf.port, conf.hostname, () => {
  17.   const addr = `http://${conf.hostname}:${conf.port}`;
  18.   console.info(`Server started at ${chalk.green(addr)}`)
  19. });

为了调试方便，安装supervisor

sudo npm -g install supervisor

输入命令supervisor app.js

Running node-supervisor with

program 'app.js'

--watch '.'

--extensions 'node,js'

--exec 'node'

Starting child process with 'node app.js'

实现效果：如何是目录，输出目录下所有文件，如何是文件，输出文件内容：

  1. const http = require('http');
  2. const chalk = require('chalk');
  3. const path = require('path');
  4. const fs = require('fs');
  5. const conf = require('./config/defaultConf')
  7. const server = http.createServer((req, res) => {
  8.   const filePath = path.join(conf.root, req.url);
  9.   fs.stat(filePath, (err, stats) => {
  10.     if (err) {
  11.       res.statusCode = 404;
  12.       res.setHeader('Content-Type', 'text/plain');
  13.       res.end(`${filePath} is not a directory or file`);
  14.       return;
  15.     }
  17.     if (stats.isFile()) {
  18.       res.statusCode = 200;
  19.       res.setHeader('Content-Type', 'text/plain');
  20.       // fs.readFile(filePath, (err, data) => {
  21.       //   res.end(data);
  22.       // }); //读完才开始，响应速度慢，不推荐
  23.       fs.createReadStream(filePath).pipe(res);
  24.     } else if (stats.isDirectory()) {
  25.       fs.readdir(filePath, (err, files) => {
  26.         res.statusCode = 200;
  27.         res.setHeader('Content-Type', 'text/plain');
  28.         res.end(files.join(','))
  29.       });
  30.     }
  31.   });
  32. });
  34. server.listen(conf.port, conf.hostname, () => {
  35.   const addr = `http://${conf.hostname}:${conf.port}`;
  36.   console.info(`Server started at ${chalk.green(addr)}`)
  37. });

需要解决回调地狱的问题：

修改为两个文件，app.js 和route.js

app.js:

  1. const http = require('http');
  2. const chalk = require('chalk');
  3. const path = require('path');
  4. const conf = require('./config/defaultConf')
  5. const route = require('./helper/route')
  7. const server = http.createServer((req, res) => {
  8.   const filePath = path.join(conf.root, req.url);
  9.   route(req, res, filePath);
  10. });
  12. server.listen(conf.port, conf.hostname, () => {
  13.   const addr = `http://${conf.hostname}:${conf.port}`;
  14.   console.info(`Server started at ${chalk.green(addr)}`)
  15. });

使用了promisify函数，并用同步解决异步问题： asyc和await两个都不能少！

route.js

  1. const fs = require('fs');
  2. const promisify = require('util').promisify;  // 去回调
  3. const stat = promisify(fs.stat);
  4. const readdir = promisify(fs.readdir);
  6. module.exports = async function (req, res, filePath) {
  7.   try {
  8.     const stats = await stat(filePath);
  9.     if (stats.isFile()) {
  10.       res.statusCode = 200;
  11.       res.setHeader('Content-Type', 'text/plain');
  12.       fs.createReadStream(filePath).pipe(res);
  13.     } else if (stats.isDirectory()) {
  14.       const files = readdir(filePath);
  15.       res.statusCode = 200;
  16.       res.setHeader('Content-Type', 'text/plain');
  17.       res.end(files.join(','))
  18.     }
  19.   } catch(ex) {
  20.     res.statusCode = 404;
  21.     res.setHeader('Content-Type', 'text/plain');
  22.     res.end(`${filePath} is not a directory or file`);
  23.   }
  24. }

上面出现错误：修改代码如下，readdir前面漏了await

  1. const fs = require('fs');
  2. const promisify = require('util').promisify;  // 去回调
  3. const stat = promisify(fs.stat);
  4. const readdir = promisify(fs.readdir);
  6. module.exports = async function (req, res, filePath) {
  7.   try {
  8.     const stats = await stat(filePath); //不加await会出现不把当成异步
  9.     if (stats.isFile()) {
  10.       res.statusCode = 200;
  11.       res.setHeader('Content-Type', 'text/plain');
  12.       fs.createReadStream(filePath).pipe(res);
  13.     } else if (stats.isDirectory()) {
  14.       const files = await readdir(filePath);
  15.       res.statusCode = 200;
  16.       res.setHeader('Content-Type', 'text/plain');
  17.       res.end(files.join(','))
  18.     }
  19.   } catch(ex) {
  20.     res.statusCode = 404;
  21.     res.setHeader('Content-Type', 'text/plain');
  22.     res.end(`${filePath} is not a directory or file\n }`);
  23.   }
  24. }

安装并使用handlebars

npm i handlebars

模板文件dir.tpl：

  1. <!DOCTYPE html>
  2. <html lang="en" dir="ltr">
  3.   <head>
  4.     <meta charset="utf-8">
  5.     <title>{{title}}</title>
  6.     <style media="screen">
  7.       body {
  8.         margin: 30px;
  9.       }
  10.       a {
  11.         display: block;
  12.         font-size: 30px;
  13.       }
  14.     </style>
  15.   </head>
  16.   <body>
  17.     {{#each files}}
  18.       <a href="{{../dir}}/{{file}}">[{{icon}}] - {{file}}</a>
  19.     {{/each}}
  20.   </body>
  21. </html>

配置文件：

  1. module.exports = {
  2.   root: process.cwd(),
  3.   hostname: '127.0.0.1',
  4.   port:9000,
  5.   compress: /\.(html|js|css|md)/
  6. };

压缩文件,可以使用js内置的压缩方法，可以大大节省带宽和下载速度：

  1. const {createGzip, createDeflate} = require('zlib');
  3. module.exports = (rs, req, res) => {
  4.   const acceptEncoding = req.headers['accept-encoding'];
  5.   if(!acceptEncoding || !acceptEncoding.match(/\b(gzip|deflate)\b/)) {
  6.     return rs;
  7.   }else if(acceptEncoding.match(/\bgzip\b/)) {
  8.     res.setHeader('Content-Encoding', 'gzip');
  9.     return rs.pipe(createGzip());
  10.   }else if(acceptEncoding.match(/\bdeflate\b/)) {
  11.     res.setHeader('Content-Encoding', 'defalate');
  12.     return rs.pipe(createDeflate());
  13.   }
  14. };

核心处理代码route.js：

  1. const fs = require('fs');
  2. const path = require('path');
  3. const Handlebars = require('handlebars');
  4. const promisify = require('util').promisify;  // 去回调
  5. const stat = promisify(fs.stat);
  6. const readdir = promisify(fs.readdir);
  7. const config = require('../config/defaultConf');   //require可以放心使用相对路径
  8. const mime = require('./mime');
  9. const compress = require('./compress');
  11. const tplPath = path.join(__dirname, '../template/dir.tpl');
  12. const source = fs.readFileSync(tplPath);  //只执行一次，下面内容之前必须提前加载好，所以用同步
  13. const template = Handlebars.compile(source.toString());
  15. module.exports = async function (req, res, filePath) {
  16.   try {
  17.     const stats = await stat(filePath); //不加await会出现不把当成异步
  18.     if (stats.isFile()) {
  19.       const contentType = mime(filePath);
  20.       res.statusCode = 200;
  21.       res.setHeader('Content-Type', contentType);
  22.       let rs = fs.createReadStream(filePath);
  23.       if (filePath.match(config.compress)) {
  24.         rs = compress(rs, req, res);
  25.       }
  26.       rs.pipe(res);
  27.     } else if (stats.isDirectory()) {
  28.       const files = await readdir(filePath);
  29.       res.statusCode = 200;
  30.       res.setHeader('Content-Type', 'text/html');
  31.       const dir = path.relative(config.root, filePath);
  32.       const data = {
  33.         title: path.basename(filePath),
  34.         dir: dir?`/${dir}`:'',
  35.         // files // ES6语法简写 files:files
  36.         files: files.map(file => {
  37.           return {
  38.             file,
  39.             icon: mime(file)
  40.           }
  41.         })
  42.       };
  43.       res.end(template(data));
  44.     }
  45.   } catch(ex) {
  46.     res.statusCode = 404;
  47.     res.setHeader('Content-Type', 'text/plain');
  48.     res.end(`${filePath} is not a directory or file\n }`);
  49.   }
  50. }

服务器相关代码app.js：

  1. const http = require('http');
  2. const chalk = require('chalk');
  3. const path = require('path');
  4. const conf = require('./config/defaultConf')
  5. const route = require('./helper/route')
  7. const server = http.createServer((req, res) => {
  8.   const filePath = path.join(conf.root, req.url);
  9.   route(req, res, filePath);
  10. });
  12. server.listen(conf.port, conf.hostname, () => {
  13.   const addr = `http://${conf.hostname}:${conf.port}`;
  14.   console.info(`Server started at ${chalk.green(addr)}`)
  15. });

文件传输类型mime.js:

  1. const path = require('path');
  3. const mimeTypes = {
  4.   '323':	'text/h323',
  5.   'acx':	'application/internet-property-stream',
  6.   'ai':	'application/postscript',
  7.   'aif':	'audio/x-aiff',
  8.   'aifc':	'audio/x-aiff',
  9.   'aiff':	'audio/x-aiff',
  10.   'asf':	'video/x-ms-asf',
  11.   'asr':	'video/x-ms-asf',
  12.   'asx':	'video/x-ms-asf',
  13.   'au':	'audio/basic',
  14.   'avi':	'video/x-msvideo',
  15.   'axs':	'application/olescript',
  16.   'bas':	'text/plain',
  17.   'bcpio':	'application/x-bcpio',
  18.   'bin':	'application/octet-stream',
  19.   'bmp':	'image/bmp',
  20.   'c':	'text/plain',
  21.   'cat':	'application/vnd.ms-pkiseccat',
  22.   'cdf':	'application/x-cdf',
  23.   'cer':	'application/x-x509-ca-cert',
  24.   'class':	'application/octet-stream',
  25.   'clp':	'application/x-msclip',
  26.   'cmx':	'image/x-cmx',
  27.   'cod':	'image/cis-cod',
  28.   'cpio':	'application/x-cpio',
  29.   'crd':	'application/x-mscardfile',
  30.   'crl':	'application/pkix-crl',
  31.   'crt':	'application/x-x509-ca-cert',
  32.   'csh':	'application/x-csh',
  33.   'css':	'text/css',
  34.   'dcr':	'application/x-director',
  35.   'der':	'application/x-x509-ca-cert',
  36.   'dir':	'application/x-director',
  37.   'dll':	'application/x-msdownload',
  38.   'dms':	'application/octet-stream',
  39.   'doc':	'application/msword',
  40.   'dot':	'application/msword',
  41.   'dvi':	'application/x-dvi',
  42.   'dxr':	'application/x-director',
  43.   'eps':	'application/postscript',
  44.   'etx':	'text/x-setext',
  45.   'evy':	'application/envoy',
  46.   'exe':	'application/octet-stream',
  47.   'fif':	'application/fractals',
  48.   'flr':	'x-world/x-vrml',
  49.   'gif':	'image/gif',
  50.   'gtar':	'application/x-gtar',
  51.   'gz':	'application/x-gzip',
  52.   'h':	'text/plain',
  53.   'hdf':	'application/x-hdf',
  54.   'hlp':	'application/winhlp',
  55.   'hqx':	'application/mac-binhex40',
  56.   'hta':	'application/hta',
  57.   'htc':	'text/x-component',
  58.   'htm':	'text/html',
  59.   'html':	'text/html',
  60.   'htt':	'text/webviewhtml',
  61.   'ico':	'image/x-icon',
  62.   'ief':	'image/ief',
  63.   'iii':	'application/x-iphone',
  64.   'ins':	'application/x-internet-signup',
  65.   'isp':	'application/x-internet-signup',
  66.   'jfif':	'image/pipeg',
  67.   'jpe':	'image/jpeg',
  68.   'jpeg':	'image/jpeg',
  69.   'jpg':	'image/jpeg',
  70.   'js':	'application/x-javascript',
  71.   'latex':	'application/x-latex',
  72.   'lha':	'application/octet-stream',
  73.   'lsf':	'video/x-la-asf',
  74.   'lsx':	'video/x-la-asf',
  75.   'lzh':	'application/octet-stream',
  76.   'm13':	'application/x-msmediaview',
  77.   'm14':	'application/x-msmediaview',
  78.   'm3u':	'audio/x-mpegurl',
  79.   'man':	'application/x-troff-man',
  80.   'mdb':	'application/x-msaccess',
  81.   'me':	'application/x-troff-me',
  82.   'mht':	'message/rfc822',
  83.   'mhtml':	'message/rfc822',
  84.   'mid':	'audio/mid',
  85.   'mny':	'application/x-msmoney',
  86.   'mov':	'video/quicktime',
  87.   'movie':	'video/x-sgi-movie',
  88.   'mp2':	'video/mpeg',
  89.   'mp3':	'audio/mpeg',
  90.   'mpa':	'video/mpeg',
  91.   'mpe':	'video/mpeg',
  92.   'mpeg':	'video/mpeg',
  93.   'mpg':	'video/mpeg',
  94.   'mpp':	'application/vnd.ms-project',
  95.   'mpv2':	'video/mpeg',
  96.   'ms':	'application/x-troff-ms',
  97.   'mvb':	'application/x-msmediaview',
  98.   'nws':	'message/rfc822',
  99.   'oda':	'application/oda',
  100.   'p10':	'application/pkcs10',
  101.   'p12':	'application/x-pkcs12',
  102.   'p7b':	'application/x-pkcs7-certificates',
  103.   'p7c':	'application/x-pkcs7-mime',
  104.   'p7m':	'application/x-pkcs7-mime',
  105.   'p7r':	'application/x-pkcs7-certreqresp',
  106.   'p7s':	'application/x-pkcs7-signature',
  107.   'pbm':	'image/x-portable-bitmap',
  108.   'pdf':	'application/pdf',
  109.   'pfx':	'application/x-pkcs12',
  110.   'pgm':	'image/x-portable-graymap',
  111.   'pko':	'application/ynd.ms-pkipko',
  112.   'pma':	'application/x-perfmon',
  113.   'pmc':	'application/x-perfmon',
  114.   'pml':	'application/x-perfmon',
  115.   'pmr':	'application/x-perfmon',
  116.   'pmw':	'application/x-perfmon',
  117.   'pnm':	'image/x-portable-anymap',
  118.   'pot,':	'application/vnd.ms-powerpoint',
  119.   'ppm':	'image/x-portable-pixmap',
  120.   'pps':	'application/vnd.ms-powerpoint',
  121.   'ppt':	'application/vnd.ms-powerpoint',
  122.   'prf':	'application/pics-rules',
  123.   'ps':	'application/postscript',
  124.   'pub':	'application/x-mspublisher',
  125.   'qt':	'video/quicktime',
  126.   'ra':	'audio/x-pn-realaudio',
  127.   'ram':	'audio/x-pn-realaudio',
  128.   'ras':	'image/x-cmu-raster',
  129.   'rgb':	'image/x-rgb',
  130.   'rmi':	'audio/mid',
  131.   'roff':	'application/x-troff',
  132.   'rtf':	'application/rtf',
  133.   'rtx':	'text/richtext',
  134.   'scd':	'application/x-msschedule',
  135.   'sct':	'text/scriptlet',
  136.   'setpay':	'application/set-payment-initiation',
  137.   'setreg':	'application/set-registration-initiation',
  138.   'sh':	'application/x-sh',
  139.   'shar':	'application/x-shar',
  140.   'sit':	'application/x-stuffit',
  141.   'snd':	'audio/basic',
  142.   'spc':	'application/x-pkcs7-certificates',
  143.   'spl':	'application/futuresplash',
  144.   'src':	'application/x-wais-source',
  145.   'sst':	'application/vnd.ms-pkicertstore',
  146.   'stl':	'application/vnd.ms-pkistl',
  147.   'stm':	'text/html',
  148.   'svg':	'image/svg+xml',
  149.   'sv4cpio':	'application/x-sv4cpio',
  150.   'sv4crc':	'application/x-sv4crc',
  151.   'swf':	'application/x-shockwave-flash',
  152.   't':	'application/x-troff',
  153.   'tar':	'application/x-tar',
  154.   'tcl':	'application/x-tcl',
  155.   'tex':	'application/x-tex',
  156.   'texi':	'application/x-texinfo',
  157.   'texinfo':	'application/x-texinfo',
  158.   'tgz':	'application/x-compressed',
  159.   'tif':	'image/tiff',
  160.   'tiff':	'image/tiff',
  161.   'tr':	'application/x-troff',
  162.   'trm':	'application/x-msterminal',
  163.   'tsv':	'text/tab-separated-values',
  164.   'txt':	'text/plain',
  165.   'uls':	'text/iuls',
  166.   'ustar':	'application/x-ustar',
  167.   'vcf':	'text/x-vcard',
  168.   'vrml':	'x-world/x-vrml',
  169.   'wav':	'audio/x-wav',
  170.   'wcm':	'application/vnd.ms-works',
  171.   'wdb':	'application/vnd.ms-works',
  172.   'wks':	'application/vnd.ms-works',
  173.   'wmf':	'application/x-msmetafile',
  174.   'wps':	'application/vnd.ms-works',
  175.   'wri':	'application/x-mswrite',
  176.   'wrl':	'x-world/x-vrml',
  177.   'wrz':	'x-world/x-vrml',
  178.   'xaf':	'x-world/x-vrml',
  179.   'xbm':	'image/x-xbitmap',
  180.   'xla':	'application/vnd.ms-excel',
  181.   'xlc':	'application/vnd.ms-excel',
  182.   'xlm':	'application/vnd.ms-excel',
  183.   'xls':	'application/vnd.ms-excel',
  184.   'xlt':	'application/vnd.ms-excel',
  185.   'xlw':	'application/vnd.ms-excel',
  186.   'xof':	'x-world/x-vrml',
  187.   'xpm':	'image/x-xpixmap',
  188.   'xwd': 	'image/x-xwindowdump',
  189.   'z': 	'application/x-compress',
  190.   'zip': 	'application/zip'
  191. }
  193. module.exports = (filePath) => {
  194.   let ext = path.extname(filePath).split('.').pop().toLowerCase();
  196.   if (!ext) {
  197.     ext = filePath;
  198.   }
  199.   return mimeTypes[ext]||mimeTypes['txt'];
  200. };

range

  • range:bytes = [start]-[end]
  • Accept-Range:bytes
  • Content-Range:bytes start-end/total

增加range.js

  1. module.exports = (totalSize, req, res) => {
  2.   const range = req.headers['range'];
  3.   if(!range) {
  4.     return {code:200};
  5.   }
  7.   const sizes = range.match(/bytes=(\d*)-(\d*)/);
  8.   const end = sizes[2] || totalSize - 1;
  9.   const start = sizes[1] || totalSize - end;
  11.   if(start > end || start < 0 || end > totalSize) {
  12.     return {code:200};
  13.   }
  15.   res.setHeader('Accept-Ranges', 'bytes');
  16.   res.setHeader('Content-Range', `bytes ${start}-${end}/${totalSize}`);
  17.   res.setHeader('Content-Length', end - start);
  18.   return {
  19.     code: 206,
  20.     start: parseInt(start),
  21.     end: parseInt(end)
  22.   }
  23. };

修改了route.js部分代码：

  1. let rs;
  2.       const {code, start, end} = range(stats.size, req, res);
  3.       if(code === 200) {
  4.         rs = fs.createReadStream(filePath);
  5.       }else{
  6.         rs = fs.createReadStream(filePath, {start, end});
  7.       }

用curl可以查看内容：

curl -r 0-10 -i http://127.0.0.1:9000/LICENSE

显示结果,使用range拿到了文件的部分内容：

HTTP/1.1 200 OK

Content-Type: text/plain

Accept-Ranges: bytes

Content-Range: bytes 0-10/1065

Content-Length: 10

Date: Wed, 12 Dec 2018 05:10:45 GMT

Connection: keep-alive

MIT Licens

缓存

缓存原理图

缓存header

  • Expires, Cache-Control
  • If-Modified-Since / Last-Modified
  • If-None-Match/ETag文件改变就变化的值

cache.js

  1. const {cache} = require('../config/defaultConf');
  3. function refreshRes(stats, res) {
  4.   const {maxAge, expires, cacheControl, lastModified, etag} = cache;
  6.   if(expires) {
  7.     res.setHeader('Expires', (new Date(Date.now() + maxAge*1000)).toUTCString());
  8.   }
  10.   if(cacheControl) {
  11.     res.setHeader('Cache-Control', `public, max-age=${maxAge}`);
  12.   }
  14.   if(lastModified) {
  15.     res.setHeader('Last-Modified', stats.mtime.toUTCString());
  16.   }
  18.   if(etag) {
  19.     res.setHeader('ETag',`${stats.size}-${stats.mtime}`);
  20.   }
  21. }
  23. module.exports = function isFresh(stats, req, res) {
  24.   refreshRes(stats, res);
  26.   const lastModified = req.headers['if-modified-since'];
  27.   const etag = req.headers['if-none-match'];
  29.   // 没有给，第一次
  30.   if(!lastModified && !etag) {
  31.     return false;
  32.   }
  34.   if(lastModified && lastModified !== res.getHeader('Last-Modified')) {
  35.     return false;
  36.   }
  37.   if(etag && etag !== res.getHeader('ETag')) {
  38.     return false;
  39.   }
  41.   return true;  //缓存可用
  42. };

在加载资源之前，可以添加：

  1. if(isFresh(stats, req, res)) {
  2.         res.statusCode = 304;
  3.         res.end();
  4.         return;
  5.       }

安装命令行工具：npm i yargs

index.js命令行代码：

  1. // process.argv  -p --port=8080
  2. // 现有工具 commander yargs
  4. const yargs = require('yargs');
  5. const Server = require('./app');
  7. const argv = yargs
  8.       .usage('anywhere [options]')
  9.       .option('p', {
  10.         alias: 'port',
  11.         describe: '端口号',
  12.         default: 9000
  13.       })
  14.       .option('h', {
  15.         alias: 'hostname',
  16.         describe: 'host',
  17.         default: '127.0.0.1'
  18.       })
  19.       .option('d', {
  20.         alias: 'root',
  21.         describe: 'root path',
  22.         default: process.cwd()
  23.       })
  24.       .version()
  25.       .alias('v', 'version')
  26.       .help()
  27.       .argv;
  29. const server = new Server(argv);
  30. server.start();

app.js

  1. const http = require('http');
  2. const chalk = require('chalk');
  3. const path = require('path');
  4. const conf = require('./config/defaultConf');
  5. const route = require('./helper/route');
  6. const openUrl = require('./helper/openUrl');
  8. class Server {
  10.   constructor (config) {
  11.     this.conf = Object.assign({}, conf, config);
  12.   }
  14.   start() {
  15.     const server = http.createServer((req, res) => {
  16.       const filePath = path.join(this.conf.root, req.url);
  17.       route(req, res, filePath, this.conf);
  18.     });
  20.     server.listen(this.conf.port, this.conf.hostname, () => {
  21.       const addr = `http://${this.conf.hostname}:${this.conf.port}`;
  22.       console.info(`Server started at ${chalk.green(addr)}`)
  23.       openUrl(addr);
  24.     });
  25.   }
  26. }
  28. module.exports = Server;

Node项目实战-静态资源服务器的更多相关文章

  1. 使用Node.js搭建静态资源服务器

    对于Node.js新手,搭建一个静态资源服务器是个不错的锻炼,从最简单的返回文件或错误开始,渐进增强,还可以逐步加深对http的理解.那就开始吧,让我们的双手沾满网络请求! Note: 当然在项目中如 ...

  2. 原生node写一个静态资源服务器

    myanywhere 用原生node做一个简易阉割版的anywhere静态资源服务器,以提升对node与http的理解. 相关知识 es6及es7语法 http的相关网络知识 响应头 缓存相关 压缩相 ...

  3. NodeJS4-8静态资源服务器实战_构建cli工具

    Cli(command-line interface),中文是 命令行界面,简单来说就是可以通过命令行快速生成自己的项目模板等功能(比较熟悉的是vue-cli脚手架这些),把上述写的包做成Cli工具. ...

  4. [Node]创建静态资源服务器

    项目初始化 .gitignore cnpm i eslint -D eslint --init得到.eslintrc.js .eslintrc.js module.exports = { 'env': ...

  5. 极简 Node.js 入门 - 5.3 静态资源服务器

    极简 Node.js 入门系列教程:https://www.yuque.com/sunluyong/node 本文更佳阅读体验:https://www.yuque.com/sunluyong/node ...

  6. node静态资源服务器的搭建----访问本地文件夹（搭建可访问静态文件的服务器）

    我们的目标是实现一个可访问静态文件的服务器,即可以在浏览器访问文件夹和文件,通过点击来查看文件. 1.先创建一个文件夹anydoor,然后在该文件夹里npm init一个package.json文件, ...

  7. 使用node搭建静态资源服务器

    安装 npm install yumu-static-server -g 使用 shift+鼠标右键  在此处打开Powershell 窗口 server # 会在当前目录下启动一个静态资源服务器,默 ...

  8. 使用 Express 实现一个简单的 SPA 静态资源服务器

    背景 限制 SPA 应用已经成为主流,在项目开发阶段产品经理和后端开发同学经常要查看前端页面,下面就是我们团队常用的使用 express 搭建的 SPA 静态资源服务器方案. 为 SPA 应用添加入口 ...

  9. Nginx——静态资源服务器（一）

    java web的项目中,我们经常将项目部署到Tomcat或者jetty上,可以通过Tomcat或者jetty启动的服务来访问静态资源.但是随着Nginx的普及,用Nginx来作为静态资源服务器,似乎 ...

随机推荐

  1. thinkphp5实现mysql数据库备份

    其实备份数据库说白了就是向一个.sql的文档中写入一条一条的sql命令 public function back() { $to_file_name="backsql.sql"; ...

  2. Django之用户认证—auth模块

    用户认知———auth模块 目录: auth模块 User对象 实例 扩展默认的auth_user表 - 创建超级用户 - python3 manager.py createsuperuser - 认 ...

  3. NSSM把.Net Core部署至 Windows 服务

    NSSM把.Net Core部署至 Windows 服务 https://www.cnblogs.com/emrys5/p/nssm-netcore.html 为什么部署至Windows Servic ...

  4. 爬虫（GET）——handler处理器和自定义opener

    工具:python3 解释:urlopen()不支持代理.cookie等其他的http/https高级功能,所以需要handler处理器创建特定功能的处理器对象,urllib.request.buli ...

  5. Linux之shell命令实现-批量去掉文件名中空格，以及批量修改文件名为数字序号文件名

    1 shell下批量出去文件名中的空格 执行看现象: 上面的是执行for循环以后看到的: 然而源目录下的文件如下: 这样的话想要cat某个具体文件是拿不到的,所以需要去空格处理: 处理方式有很多:如 ...

  6. winform代码生成器(一)

    (PS  sqlhelper的文件 竟放到 类库里了,第二篇已做了分离,边做边写的 ^_^) 做 Winform  项目时,要拖很多控件,感觉在做重复的事,那就应该用程序来完成,那就自己写一个吧.-- ...

  7. XML文件的一些操作

    XML 是被设计用来传输和存储数据的, XML 必须含有且仅有一个 根节点元素(没有根节点会报错) 源码下载 http://pan.baidu.com/s/1ge2lpM7 好了,我们 先看一个 XM ...

  8. node-amqp 使用fanout发布订阅rabbitmq消息

    publisher代码 const amqp = require('amqp'); let option = { host: 'server-ip', port: 5672, login: 'gues ...

  9. Python使用selenium进行爬虫（一）

    JAVA爬虫框架很多,类似JSOUP,WEBLOGIC之类的爬虫框架都十分好用,个人认为爬虫的大致思路就是: 1.挑选需求爬的URL地址,将其放入需求网络爬虫的队列,也可以把爬到的符合一定需求的地址放 ...

  10. 洛谷 P1137 旅行计划

    旅行计划 待证明这样dp的正确性. #include <iostream> #include <cstdio> #include <cstring> #includ ...