手把手教你用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:[email protected]: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一下文件环境喔！

学习廖雪峰老师http的教程：https://www.liaoxuefeng.com/wiki/1022910821149312/1023025830950720