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

我们可以使用Node设定一个目录，然后让Web程序变成一个文件服务器。要实现这一点，我们只需要解析request.url中的路径，然后在本地找到对应的文件，把文件内容发送出去就可以了。

解析URL需要用到Node.js提供的url模块，它使用起来非常简单，通过parse()将一个字符串解析为一个Url对象：

var url= require('url');console.log(url.parse('http://user:pass@host.com:8080/path/to/file?query=string#hash'));

解析之后是：

    Url {        protocol: 'http:',        slashes: true,        auth: 'user:pass',        host: 'host.com:8080',        port: '8080',        hostname: 'host.com',        hash: '#hash',        search: '?query=string',        query: 'query=string',        pathname: '/path/to/file',        path: '/path/to/file?query=string',        href:         'http://user:pass@host.com:8080/path/to/file?query=string#hash'         }

处理本地文件目录需要使用Node.js提供的path模块，它可以方便地构造目录：

var path = require('path');// 解析当前目录:console.log(path(__dirname));//__dirname 表示当前所在目录  '/Users'// 组合完整的文件路径:当前目录+'pub'+'index.html':var filePath = path.join(__dirname, 'fileServer', 'index.html');// '/Users/fileServer/index.html'

使用path模块可以正确处理操作系统相关的文件路径。在Windows系统下，返回的路径类似于C:\Users\fileServer\index.html，这样，我们就不关心怎么拼接路径了。

最后，我们实现一个文件服务器file_server.js：

var     http= require('http'),    fs= require('fs'),    url= require('url'),    path= require('path');    // 从命令行参数获取root目录，默认是当前目录:var root= path.join(__dirname, 'static', 'index.html');//创建服务器var server= http.createServer(function(request, response){    //获得ur的path 类似'/css/index.css'    var pathName= url.parse(request.url).pathname;    //获得对应的本地文件路径 类似’static/css/index.css‘    var filePath= path.join(root);    //获取文件状态    console.log(filePath);    fs.stat(filePath, function (err, stats) {        if (!err && stats.isFile()) {            // 没有出错并且文件存在:            console.log('200 ' + request.url);            // 发送200响应:            response.writeHead(200);            // 将文件流导向response:            fs.createReadStream(filePath).pipe(response);        } else {            // 出错了或者文件不存在:            console.log('404 ' + request.url);            // 发送404响应:            response.writeHead(404);            response.end('404 Not Found');        }    });});server.listen(8080);console.log('Server is running at http://127.0.0.1:8080/');

当你的html文件是这样的时候：

<head>    <meta charset="UTF-8">    <title>Road</title>    <link rel="stylesheet" href="css/index.css"></head><body>    <img src="/images/bg.jpeg" alt="11">    <h1>书山有路勤为径,学海无涯苦做舟。</h1>    <script src="js/index.js"></script></body>

然后请求http://127.0.0.1:8080/index.html就会打印出：

101544689152_.pic.jpg

当然他只能发起请求，想要请求到并且正确返回还需要设置文件的ContentType属性。
我们可以使用path.extname获取请求文件的后缀：

let extname = path.extname('css/index.css');// .css

我们获取到后缀之后就可以根据后缀来设置它的ContentType，这里需要用到一个mime.json文件，然后使用一个函数去匹配:

//mime 读取mime.json 里面存储了常见的文件的ContentType 为请求的对应的文件设置对应的 ContentType 属性function getContentType(extName, callBack){                //      文件后缀   回调函数    //读取mime.json    fs.readFile('./mime.json', (err, data)=>{        if(err){        //读取失败 抛出错误            throw err;            return;        }        // 读取成功        let mimeJson = JSON.parse(data);        //转码 将json字符串转化成对象        let contentType = mimeJson[extName] || 'text/plain';        //取出对应json中 对应的 请求的后缀的相匹配的 ContentType 属性        callBack(contentType);        //执行这个回调函数 并传参contentType    })}

搭建静态服务器的步骤应该是：

先拿到请求文件的后缀名(extname)
引入mime.json 文件并读取->转码
匹配和后缀对应的ContentType
使用回调函数所有请求的文件都会拿到后缀然后自动匹配相应的ContentType
执行getContentType函数

            getContentType(extname, (contentType)=>{                res.writeHead(200, {"Content-Type": contentType + ';charset=UTF-8'})                res.end(data)            })

常见文件的mime类型
 GitHub-Node 学习笔记
 参考-Node path模块相关方法

文章转载于:https://www.jianshu.com/p/76970c256d24

原著是一个有趣的人,若有侵权,请通知删除

本博客所有文章如无特别注明均为原创。
复制或转载请以超链接形式注明转自起风了，原文地址《使用Node.js 搭建静态服务器》