node中的http模块

Posted 2021-06-19 107w

web服务器

• 什么是Web服务器？
  • 当应用程序（客户端）需要某一个资源时，可以向一个台服务器，通过Http请求获取到这个资源；提供资源的这个服务器，就是一个Web服务器；
  • 目前有很多开源的Web服务器：nginx、Apache（静态）、Apache Tomcat（静态、动态）、Node.js

创建服务器

• 创建服务器对象，我们是通过 createServer 来完成的
  • http.createServer会返回服务器的对象；
  • 底层其实使用直接 new Server 对象。
• 创建Server时会传入一个回调函数，这个回调函数在被调用时会传入两个参数：
  • req：request请求对象，包含请求相关的信息；
  • res：response响应对象，包含我们要发送给客户端的信息；

const http = require(\'http\');

// 创建server的两种方式
const server1 = http.createServer((req, res) => {
  res.end("Server1");
});

// server1.listen(8000, () => {
//   console.log("server1启动成功~");
// });

// const server2 = http.createServer((req, res) => {
//   res.end("Server2");
// });

// const server2 = new http.Server((req, res) => {
//   res.end("Server2");
// });

// server2.listen(8001, () => {
//   console.log("server2启动成功~");
// });


// 2.监听方法的使用
server1.listen(8000, () => {
  console.log("server1启动成功~");
  // console.log(server1.address().port);
});

监听主机和端口号

• Server通过listen方法来开启服务器，并且在某一个主机和端口上监听网络请求：

  • 也就是当我们通过 ip:port的方式发送到我们监听的Web服务器上时；
  • 我们就可以对其进行相关的处理；

• listen函数有三个参数：

  • 端口port: 可以不传, 系统会默认分配端, 后续项目中我们会写入到环境变量中；
  • 主机host: 通常可以传入localhost、ip地址127.0.0.1、或者ip地址0.0.0.0，默认是0.0.0.0；
    • localhost：本质上是一个域名，通常情况下会被解析成127.0.0.1；
    • 127.0.0.1：回环地址（Loop Back Address），表达的意思其实是我们主机自己发出去的包，直接被自己接收；
      • 正常的数据库包经常 应用层 - 传输层 - 网络层 - 数据链路层 - 物理层 ；
      • 而回环地址，是在网络层直接就被获取到了，是不会经常数据链路层和物理层的；
      • 比如我们监听 127.0.0.1时，在同一个网段下的主机中，通过ip地址是不能访问的；
    • 0.0.0.0：
      • 监听IPV4上所有的地址，再根据端口找到不同的应用程序；
      • 比如我们监听 0.0.0.0时，在同一个网段下的主机中，通过ip地址是可以访问的；

• 回调函数：服务器启动成功时的回调函数；

requert对象

• 在向服务器发送请求时，我们会携带很多信息，比如：
  • 本次请求的URL，服务器需要根据不同的URL进行不同的处理；
  • 本次请求的请求方式，比如GET、POST请求传入的参数和处理的方式是不同的；
  • 本次请求的headers中也会携带一些信息，比如客户端信息、接受数据的格式、支持的编码格式等；
• 这些信息，Node会帮助我们封装到一个request的对象中，我们可以直接来处理这个request对象：

const http = require(\'http\');

//创建一个web服务器
const server = http.createServer((req, res) => {
  // request对象中封装了客户端给我们服务器传递过来的所有信息
  console.log(req.url);
  console.log(req.method);
  console.log(req.headers);

  res.end("hello")

});

// 启动服务器,并且制定端口号和主机
server.listen(8888, \'0.0.0.0\', () => {
  console.log("服务器启动成功~");
});

URL的处理

• 客户端在发送请求时，会请求不同的数据，那么会传入不同的请求地址：

  • 比如 http://localhost:8000/login；
  • 比如 http://localhost:8000/products;

• 服务器端需要根据不同的请求地址，作出不同的响应：

• 那么如果用户发送的地址中还携带一些额外的参数呢？

  • http://localhost:8000/login?name=why&password=123;
  • 这个时候，url的值是 /login?name=why&password=123；

• 使用内置模块url， 对它进行解析

  const { pathname, query } = url.parse(req.url);
  

• 但是 query 信息如何可以获取呢？

   const { pathname, query } = url.parse(req.url);
    if (pathname === \'/login\') {
      console.log(query);
      console.log(qs.parse(query));
      const { username, password } = qs.parse(query);
      console.log(username, password);
      res.end("请求结果~");
    }
  

method的处理

• 在Restful规范（设计风格）中，我们对于数据的增删改查应该通过不同的请求方式：
  • GET：查询数据；
  • POST：新建数据；
  • PATCH：更新数据；
  • DELETE：删除数据；
• 所以，我们可以通过判断不同的请求方式进行不同的处理。
• 比如创建一个用户：
• 请求接口为 /users；
• 请求方式为 POST请求；
• 携带数据 username和password；

创建用户接口

• 在我们程序中如何进行判断以及获取对应的数据呢？
  • 这里我们需要判断接口是 /users，并且请求方式是POST方法去获取传入的数据；
  • 获取这种body携带的数据，我们需要通过监听req的 data事件来获取；
• 将JSON字符串格式转成对象类型，通过JSON.parse方法即可。

const http = require(\'http\');
const url = require(\'url\');
const qs = require(\'querystring\');

// 创建一个web服务器
const server = http.createServer((req, res) => {

  const { pathname } = url.parse(req.url);
  if (pathname === \'/login\') {
    if (req.method === \'POST\') {
      // 拿到body中的数据
      req.setEncoding(\'utf-8\');
      req.on(\'data\', (data) => {
        const {username, password} = JSON.parse(data);
        console.log(username, password);
      });

      res.end("Hello World");
    }
  }
});

server.listen(8888, \'0.0.0.0\', () => {
  console.log("服务器启动成功~");
});

headers属性

{
  \'content-type\': \'application/json\',
  \'user-agent\': \'PostmanRuntime/7.28.0\',
  accept: \'*/*\',
  \'postman-token\': \'3e732a1a-82de-44b1-93a8-bd0c265aa17a\',
  host: \'localhost:8888\',
  \'accept-encoding\': \'gzip, deflate, br\',
  connection: \'keep-alive\',
  \'content-length\': \'46\'
}

• content-type是这次请求携带的数据的类型：

  • application/json表示是一个json类型；
  • text/plain表示是文本类型；
  • application/xml表示是xml类型；
  • multipart/form-data表示是上传文件；

• content-length：文件的大小和长度

• keep-alive：

  • http是基于TCP协议的，但是通常在进行一次请求和响应结束后会立刻中断；
  • 在http1.0中，如果想要继续保持连接：
    • 浏览器需要在请求头中添加 connection: keep-alive；
    • 服务器需要在响应头中添加 connection:keey-alive；
    • 当客户端再次放请求时，就会使用同一个连接，直接一方中断连接；
  • 在http1.1中，所有连接默认是 connection: keep-alive的；
    • 不同的Web服务器会有不同的保持 keep-alive的时间；
    • Node中默认是5s中；

• accept-encoding：告知服务器，客户端支持的文件压缩格式，比如js文件可以使用gzip编码，对应 .gz文件；

• accept：告知服务器，客户端可接受文件的格式类型；

• user-agent：客户端相关的信息；

resquest对象

返回响应结果

• 如果我们希望给客户端响应的结果数据，可以通过两种方式：

  • Write方法：这种方式是直接写出数据，但是并没有关闭流；
  • end方法：这种方式是写出最后的数据，并且写出后会关闭流；

    res.write("响应结果一");
    res.end("Hello World");
  

• 如果我们没有调用 end和close，客户端将会一直等待结果：

  • 所以客户端在发送网络请求时，都会设置超时时间。

返回状态码

• Http状态码（Http Status Code）是用来表示Http响应状态的数字代码：
  • Http状态码非常多，可以根据不同的情况，给客户端返回不同的状态码；
  • 常见的状态码是下面这些（后续项目中，也会用到其中的状态码）；

• 设置状态码常见的有两种方式：

  // 设置状态码
  // 方式一: 直接给属性赋值
  // res.statusCode = 400;
  // 方式二: 和Head一起设置
  res.writeHead(503)

响应头文件

• 返回头部信息，主要有两种方式：
  • res.setHeader：一次写入一个头部信息；
  • res.writeHead：同时写入header和status；

const http = require(\'http\');

// 创建一个web服务器
const server = http.createServer((req, res) => {

  // 设置响应的header
  // 设置方式一:
  // res.setHeader("Content-Type", "text/plain;charset=utf8");

  // 设置方式二
  res.writeHead(200, {
    "Content-Type": "text/html;charset=utf8"
  });

  // 响应结果
  res.end("<h2>Hello Server</h2>");
});

// 启动服务器,并且制定端口号和主机
server.listen(8888, \'0.0.0.0\', () => {
  console.log("服务器启动成功~");
});

• Header设置 Content-Type有什么作用呢？
  • 默认客户端接收到的是字符串，客户端会按照自己默认的方式进行处理；

http请求

• axios库可以在浏览器中使用，也可以在Node中使用：
  • 在浏览器中，axios使用的是封装xhr；
  • 在Node中，使用的是http内置模块；

const http = require(\'http\');

// http发送get请求
// http.get(\'http://localhost:8888\', (res) => {
//   res.on(\'data\', (data) => {
//     console.log(data.toString());
//   });

//   res.on(\'end\', () => {
//     console.log("获取到了所有的结果");
//   })
// })

// http发送post请求
const req = http.request({
  method: \'POST\',
  hostname: \'localhost\',
  port: 8888
}, (res) => {
  res.on(\'data\', (data) => {
    console.log(data.toString());
  });

  res.on(\'end\', () => {
    console.log("获取到了所有的结果");
  })
});

req.end();