八、http开发web服务器

145 阅读5分钟

Web服务器

  • 什么是Web服务器?

    • 当应用程序(客户端)需要某一个资源时,可以向一个台服务器,通过Http请求获取到这个资源;提供资源 的这个服务器,就是一个Web服务器

    image.png

  • 目前有很多开源的Web服务器:Nginx、Apache(静态)、Apache Tomcat(静态、动态)、Node.js

Web服务器初体验

```js
const http = require("node:http");
const url = require("node:url");

//创建服务器
const server = http.createServer((req, res) => {
  const { pathname, query } = url.parse(req.url);
  console.log(pathname); // /users/
  console.log(query); // userName=lengdayu&passWorld=123456

  const params = new URLSearchParams(query);
  console.log(params.get("userName")); // lengdayu
  res.end("请求结束");
});

//监听
server.listen(3000, "0.0.0.0", () => {
  console.log("服务器已启动~");
});

```

监听主机和端口号

  • 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地址是可以访问的;

    • 回调函数:服务器启动成功时的回调函数;

request对象

  • 在向服务器发送请求时,我们会携带很多信息,比如:

    • 本次请求的URL,服务器需要根据不同的URL进行不同的处理;

    • 本次请求的请求方式,比如GET、POST请求传入的参数和处理的方式是不同的;

    • 本次请求的headers中也会携带一些信息,比如客户端信息、接受数据的格式、支持的编码格式等;

    • 等等...

  • 这些信息,Node会帮助我们封装到一个request的对象中,我们可以直接来处理这个request对象:

    image.png

URL的处理

URL的解析

![image.png](https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/77ea6b08a029464a856f6a6e51aaa55a~tplv-k3u1fbpfcp-watermark.image?)

headers属性

  • 在request对象的header中也包含很多有用的信息,客户端会默认传递过来一些信息:

    image.png

  • 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:客户端相关的信息;

返回响应结果

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

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

    image.png

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

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

返回状态码

  • Http状态码(Http Status Code)是用来表示Http响应状态的数字代码:

    • Http状态码非常多,可以根据不同的情况,给客户端返回不同的状态码;
    • 常见的状态码是下面这些(后续项目中,也会用到其中的状态码);

    image.png

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

    image.png

响应头文件

  • 返回头部信息,主要有两种方式:

    • res.setHeader:一次写入一个头部信息;
    • res.writeHead:同时写入header和status;

    image.png

  • Header设置 Content-Type有什么作用呢?

    • 默认客户端接收到的是字符串,客户端会按照自己默认的方式进行处理;

    image.png

http请求

  • axios库可以在浏览器中使用,也可以在Node中使用:

    • 在浏览器中,axios使用的是封装xhr;
    • 在Node中,使用的是http内置模块;

    image.png

文件上传–错误示范

  • 如果是一个很大的文件需要上传到服务器端,服务器端进行保存应该如何操作呢?

    image.png

文件上传–正确做法

image.png

image.png