文件服务器 简书,手把手教你用node搭建一个http服务器和文件服务器。

1.搭建http服务器

上我的注释代码：

//0.使用严格模式；

'use strict';

//1.导入Node当中内置了的http模块；

const http = require('http');

//2.创建一个server(服务器)实例，并且传入一个参数，只不过这个参数是个函数

//这个函数可以写成回调函数的形式，加上箭头函数的写法。

const server = http.createServer((request, response) => {

//3.到这里，回调函数已接收到request对象和response对象，我们可以尝试打印看看

//4.我们要获得HTTP请求的method(这里的method:指的是发送常见get请求，还是post请求)

//我们还要拿到url地址，下面我们用字符串模板

console.log(`${request.method} : ${request.url}`);

//5.将HTTP响应200写入response中, 这里的状态码200代表的是请求成功的意思，常见的404就是找不页面了

//同时设置Content-Type: text/html，它的叫法很多，请求头、请求字段、请求类型(叫法不同，都是一个意思)

response.writeHead(200, {'Content-Type':'text/html'})

//6.将HTTP响应的HTML内容写入response:

response.end(`

You are learning how to create a serer!Cheer up!Guys!

`)

});

//7.让server(服务器)监听8080端口:(用过vue脚手架的时候就知道是它了)

server.listen(8080);

//8.尝试让服务器跑起来，到这里我们的服务器就算搭建好了，测试下效果吧！

console.log('Server is running at http://127.0.0.1:8080/');

//下面是我突发奇想，想尝试着改端口号和ip看看有没有效果，发现都不行哈，你们别试了。

// server.listen(8000)

// console.log('Server is running at http://192.168.31.1:8000/');

// server.listen(8000)

// console.log('Server is running at http://127.0.0.1:8000/');

通过node环境运行我们的代码

点击链接，打开网址查看服务器响应的内容：

2.搭建文件服务器。

上面我们已经尝试过简单地搭建一个http服务器(实际上它不算服务器，我们其实应该亲切地叫它web程序)，既然http服务器可以响应我们写入的一行简单的

那我们不妨往大的方向想一想，http服务器能否响应一个文件或者文件夹呢？如果可以的话？那是否代表着我们可以把自己本地上的项目放上去？

答案毋庸置疑，所以我们要动手来搭建一个文件服务器。

我们要考虑的就是如何精确定位到我们电脑上的本地路径，在本地找到对应的文件，把对应的文件内容发送到服务器上就可以了。

首先我们得额外再来了解下node的其他两个内置模块，它们和我们搭建文件服务器息息相关，分别是url模块和path模块

node内置的路径模块url的使用

'use strict';

const url = require('url');

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

//通过parse()将一个字符串解析为一个Url对象：

node内置的path模块用于：处理我们本地文件目录。

了解上面的必备知识后，我们可以着手准备搭建文件服务器了。

初步路径配置

创建文件服务器完整代码如下：

'use strict';

//1.导入Node内置的四个模块

const

fs = require('fs'),

//fs模块是Node内置的文件交互模块,fs模块用于对系统文件及目录进行读写操作

url = require('url'),

path = require('path'),

http = require('http')

// 从命令行参数获取root目录，默认是当前目录:

const root = path.resolve(process.argv[2] || '.');//启动命令行进程

console.log(`Static root dir(当前所在路径是):${root}`);

//创建一个服务器

const server = http.createServer((request, response) => {

//获得URL的path

const pathName = url.parse(request.url).pathname;

//获得对应的本地文件路径

const filePath = path.join(root, pathName);

// 获取文件状态:

fs.stat(filePath, (err, stats) => {

if (!err && stats.isFile()) {//如果没有报错的话，那就执行这里面的操作，并且保存文件状态

console.log(`200${request.url}`);

response.writeHead(200);//发送200请求成功状态码

fs.createReadStream(filePath).pipe(response);

}else {//如果文件报错或者文件没找到，就执行这里面的操作

console.log(`404${request.url}`)

response.writeHead(404);// 发送404响应

response.end(`404 Not Found`);

}

});

});

server.listen(8080);

console.log(`Server is running at http://127.0.0.1:8080/`);

那这文件服务器不是搭建好了吗，为什么还会报404?

原来这东西得手动拼接路径，我们首先在目录中准备index.html文件。

手动拼接路径

还可以在我们的代码里面拼接，找到这行代码。

如果我们想访问这里/test/index.html，则需这样拼接。

修改了代码后，记得要重新node一下文件环境喔！