node 学习 - HTTP模块

最新推荐文章于 2024-06-20 23:47:39 发布
最新推荐文章于 2024-06-20 23:47:39 发布
阅读量381 收藏
点赞数
文章标签： 学习 http node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tianming2018/article/details/133631689
版权

HTTP 协议

初识 HTTP 协议

Hypertext Transfer Protocol （超文本传输协议）
互连网应用最广泛的协议之一
协议：双方必须共同遵从的一组约定
http 协议对浏览器和服务器之间的通信进行约束
请求 => 请求报文
响应 => 响应报文

HTTP报文

请求报文结构：

  • 请求行：请求方法 + URL + HTTP版本号 GET [https://www.baidu.com/](https://www.baidu.com/) HTTP/1.1
    • 请求方法：常用的有 GET/POST/PUT/PATCH/DELETE，还有一些使用相对比较少的，了解即可，比如：HEAD/OPTIONS/CONNECT/TRACE
    • URL（Uniform Resource Locator 的缩写，统一资源定位符）：其本身也是一个字符串，定位资源
      • 协议名
      • 主机名
      • 端口号
      • 路径
      • 查询字符串
    • HTTP版本号
      • 1.0：1996年发布
      • 1.1：1999年发布
      • 2：2015年发布
      • 3：2018年发布
  • 请求头：有一系列的键值对组成(MDN HTTP Header)
  • 空行
  • 请求体：请求头的内容格式非常灵活，可以设置任意内容，只要和后端商量好

响应报文

  • 响应行
    • HTTP版本号
    • 响应状态码
      • 1xx：信息响应
      • 2xx：成功响应（200： 请求成功）
      • 3xx：重定向响应
      • 4xx：客户端错误响应（403：禁止请求/404：找不到资源）
      • 5xx：服务端错误响应（500：服务器内部错误）
    • 响应状态描述，一般来说是字符串，保持和状态码一一对应（HTTP响应状态码）
      • 200： OK
      • 403：Forbidder
      • 404：Not Found
      • 500：Internal Server Error
  • 响应头（https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Headers）
  • 空行
  • 响应体 -> 响应体的内容格式是非常灵活的，常见的响应体格式有：
    • HTML
    • CSS
    • JavaScript
    • 图片
    • 视频
    • JSON

网络基础概念

IP的介绍

IP 也被称为【IP地址】，本身是一个数字标识（32 Bit 二进制的数字），将其拆分分组转为10进制并用.分割，例如：192.168.1.3
IP用来标识网络设备，用于设备通信

IP的分类

IP为32位的二进制数，即最大为2的32次方，IP不够用
共享IP：共享公网 IP

  • 区域共享
  • 家庭共享
    • 同一个路由器：局域网 IP 或 私网IP，设备间可以相互通信

本机回环IP地址：

  • 127.0.0.1 ~127.255.255.254，这个区间的IP地址都是回环地址，指向当前本机

局域网 IP （私网 IP）：

  • 192.168.0.0 ~ 192.168.255.255
  • 172.16.0.0 ~ 172.31.255.255
  • 10.0.0.0 ~ 10.255.255.255

广域网 IP （公网 IP）

  • 除上述之外

IP 地址分类

端口

应用程序的数字标识
一台现代计算机有 65536 个端口（0 ~ 65535）
一个应用程序可以使用一个或多个端口
作用：实现不同主机应用程序之间的通信

创建 HTTP 服务

// 1. 引入 http 模块
const http = require('http')

// 2. 创建服务对象
const service = http.createServer((request, response) => {
  // request=>请求报文的封装对象
  // response=>对响应报文的封装
  response.end('hello world') //设置响应体，并结束服务
})

// 3. 监听端口，启动服务
service.listen(9000, () => {
  // 服务启动成功后才会执行
  console.log('服务启动成功')
})

HTTP 服务注意事项

  1. 命令行ctrl + c停止服务
  2. 当服务器启动后，更新代码必须重启服务后才能生效
  3. 响应内容中文乱码的解决办法
response.setHeader('content-type','text/html;charset=utf-8');
  1. 端口号被占用
Error: listen EADDRINUSE: address already in use :::9000

  5. 关闭当前正在运行监听端口的服务（`使用较多`）
  6. 修改其它端口号
  1. HTTP 协议默认端口是 80，HTTPS 协议的默认端口是443。HTTP 服务开发常用的端口有 3000，8080，8090，9000 等

如果端口被其它程序占用，可以使用资源监视器找到占用端口的程序，然后使用任务管理器关闭对应的程序

浏览器中查看 HTTP 报文

浏览器控制台，网络

提取 HTTP 请求报文

image.png

const http = require('http')
const service = http.createServer((request, response) => {
  // 1. 获取请求的方法
  // console.log('  request.method :>> ',   request.method);
  // 2. 获取请求的 url
  // console.log('request.url :>> ', request.url); // 只包含 url 中的路径与查询字符串
  // 3. 获取 HTTP 协议的版本号
  // console.log('request.httpVersion :>> ', request.httpVersion);
  // 4. 获取 HTTP 的请求头
  // console.log('request.headers :>> ', request.headers);
  response.end('你好，世界！') //设置响应体，并结束服务
})

注意事项

  1. request.url 只能获取路径以及查询字符串，无法获取 URL 中的域名以及协议的内容
  2. request.headers 将请求信息转化成一个对象，并将属性名都转化成了『小写』
  3. 关于路径：如果访问网站的时候，只填写了 IP 地址或者是域名信息，此时请求的路径为『 / 』
  4. 关于 favicon.ico：这个请求是属于浏览器自动发送的请求

获取请求体

//这种方法了解就行，有更好用的办法
const service = http.createServer((request, response) => {
  let body = ''
  request.on('data', chunk => {
    body += chunk
  })
  request.on('end', () => {
    console.log('body :>> ', body);
    response.end('htllo http')
  })
})

service.listen('9000', () => {
  console.log('服务请求中……')
})

提取 HTTP 报文中的请求路径及字符串

const url = require('url');
//方法一，使用 url.parse, 但是该语法已被废弃
const service = http.createServer((request, response) => {
  // url.parse 的第二个参数为 true 时，查询字符串 query 将会转换为对象
  const res = url.parse(request.url, true)
  console.log('pathname :>> ', res.pathname);
  console.log('query :>> ', res.query);
  console.log('query :>> ', res.query.isTest);
  
  response.end('url')
})

//方法二：使用 new URL()
const service = http.createServer((request, response) => {
  const res = new URL(request.url, 'http://127.0.0.1')
  const keyword = res.searchParams.get('search')
  console.log('res :>> ', res);
  console.log('keyword :>> ', keyword);
  response.end('url')
})
service.listen('9000', () => {
  console.log('服务请求中……')
})

设置 HTTP 响应报文

const http = require('http');

const service = http.createServer((request, response) => {
  // 1. 设置响应状态码
  response.statusCode = 203
  // 2. 设置响应状态描述，几乎不用，响应状态码一般和响应状态描述一一对应
  // response.statusMessage = 'test'
  // 3. 设置响应头, 响应头可以设置多个，也可以使用数组设置同名的响应头
  response.setHeader('test', ['a','b','c'])
  response.setHeader('test2', 'test-2')
  // 4. 设置响应体, 响应体可以设置多个，多个的响应体会自动拼接
  // 一般使用 write 设置了响应体后，不会再在 end 中设置响应体
  response.write('test')
  response.write('test2')

  // 每一个请求必须有一个，且只有一个 end
  response.end()
})

service.listen('9000', () => {
  console.log('服务启动中……')
})

引入网页外部资源

如果在 html 文件中引入外部资源，比如 css 和 js 文件，那在请求的时候，会调用多次接口，分开请求外部资源
所以，需要区分开请求的资源，不然都会返回同样的数据

//方法一：在 createServer 回调函数中区分需要获取的资源
//这种区分方法并不好，如果有大量外部资源就很繁琐，需要优化
//可以通过搭建静态资源服务的形式优化
const http = require('http');
const fs = require('fs');
const path = require('path')

const service = http.createServer((request, response) => {
  const { pathname } = new URL(request.url, 'http://127.0.0.1')
  if(pathname === '/'){
    const filePath = path.resolve(__dirname , 'table/index.html')
    const html = fs.readFileSync(filePath)
    response.end(html)
  }else if(pathname === '/index.css'){
    const filePath = path.resolve(__dirname , 'table/index.css')
    const css = fs.readFileSync(filePath)
    response.end(css)
  }
  else if(pathname === '/index.js'){
    const filePath = path.resolve(__dirname , 'table/index.js')
    const js = fs.readFileSync(filePath)
    response.end(js)
  }
  else{
    response.end('404 not found')
  }

})

service.listen('9000', () => {
  console.log('服务启动中……')
})

静态资源服务

静态资源是指内容长时间不发生改变的资源，例如图片，视频，css文件，HTML文件，字体文件等
动态资源是指内容经常更新的资源，例如百度首页，网易首页，京东搜索列表页面等

搭建静态资源服务

//方法二：搭建静态资源服务
const http = require('http');
const fs = require('fs');
const path = require('path')

const service = http.createServer((request, response) => {
  const { pathname } = new URL(request.url, 'http://127.0.0.1')
  const filePath = path.resolve(__dirname , 'table' + pathname)
  fs.readFile(filePath, (err, data) => {
    if(err){
      response.statusCode = 500;
      response.end('404 not found')
      return
    }
    response.end(data)
  })
})

service.listen('9000', () => {
  console.log('服务启动中……')
})

静态资源目录与网站根目录

HTTP 服务在哪个文件夹中寻找静态资源，那个文件夹就是静态资源目录，也被称之为网站根目录

思考：vscode 中使用 live-servier 访问 HTML 时，它启动的服务网站根目录是谁？是vscode打开的文件夹

网页中的 URL

绝对路径

image.png

相对路径

相对路径不太可靠，和页面路径相关，参照页面 URL
image.png

使用场景

包括但不限于如下场景：

  • a 标签 href
  • link 标签 href
  • script 标签 src
  • img 标签 src
  • video audio 标签 src
  • form 中的 action
  • AJAX 请求中的 URL

设置资源类型（mime 类型）

媒体类型（通常称之为 Multipurpose Internet Mail Extensions 或 MIME 类型）是一种标准，用来表示文档、文件或字节流的性质和格式。

mime 类型结构：[type] / [subType]
例如：text/html  text/css  image/jpeg  image/png  application/json

HTTP 服务可以设置响应头 Content-Type 来表明响应体的 MIME 类型，浏览器会根据该类型来决定如何处理资源
下面是常见文件对应的 mime 类型

html: 'text/html',
css:'text/css',
js: 'text/javascript',
png : 'image/png',
jpg: 'image/jpeg',
gif: 'image/gif',
map4: 'video/mp4',
mp3: 'audio/mpeg',
json: 'application/json',

对于未知的类型，可以选择application/octet-stream类型，浏览器在遇到该类型的响应时，会对响应体内容进行对立存储，也就是我们常见的下载效果

浏览器一般具有嗅探的功能，会自动识别请求的资源类型，但是我们设置响应头 Content-Type 来表明响应体的 MIME 类型会更规范一点

const http = require('http');
const fs = require('fs');
const path = require('path')

const mimes = {
  html: 'text/html',
  css:'text/css',
  js: 'text/javascript',
  png : 'image/png',
  jpg: 'image/jpeg',
  gif: 'image/gif',
  map4: 'video/mp4',
  mp3: 'audio/mpeg',
  json: 'application/json',
}
const service = http.createServer((request, response) => {
  const { pathname } = new URL(request.url, 'http://127.0.0.1')
  const filePath = path.resolve(__dirname , 'table' + pathname)
  fs.readFile(filePath, (err, data) => {
    if(err){
      response.statusCode = 500;
      response.end('404 not found')
      return
    }
    const extname = path.extname(filePath).slice(1)
    const type = mimes[extname]
    if(type){
      response.setHeader('content-type',type)
    }else{
      response.setHeader('content', 'application/octet-stream')
    }
    response.end(data)
  })
})

service.listen('9000', () => {
  console.log('服务启动中……')
})

解决乱码问题

  • 在设置资源类型时加上charset=utf-8，例如
response.setHeader('content-type','text/html;charset=utf-8')
  • html 文件会在 meta 标签中设置 charset 类型，但是优先级没有在响应头中设置高
  • 资源文件会根据页面的字符集进行解析，所以js\css等文件不设置字符集，在网页上显示也是ok的

完善错误处理

Error 错误
常见的有：

  • ENOEN: 没有这样的文件或目录, 404
  • EPERM: 不允许操作, 403
  • 405：请求方法不被允许
  • 500： 服务器内部错误

GET 和 POST 请求场景小结

场景小结

GET 请求情况

  • 在地址栏中直接输入 url 访问
  • 点击 a 链接
  • link 标签引入 css
  • script 标签引入 js
  • video 与 audio 引入多媒体
  • img 标签引入图片
  • form 标签中的 method 为 get（不区分大小写）
  • ajax 中的 get 请求

POST 请求情况

  • form 标签中的 method 为 post （不区分大小写）
  • AJAX 中的 post 请求

GET 和 POST 请求的区别

GET 和 POST 是 HTTP 协议请求的两种方式，主要有如下几个区别

  1. 作用。GET 主要用来获取数据，POST 主要用来提交数据（并不是绝对的）
  2. 参数位置。GET 带参数请求是将参数缀到 URL 之后，POST 带参数请求是将参数放到请求体中（也不是绝对的）
  3. 安全性。POST 请求相对GET 安全一些，因为在浏览器中 GET 请求参数会暴露在地址栏
  4. GET 请求大小有限制，一般为 2K，而 POST 请求则没有大小限制
tianming2018
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
学习Node.js模块机制
12-23
Node借鉴CommonJS的Modules规范实现了一套模块系统，所以先来看看CommonJS的模块规范。 CommonJS对模块的定义十分简单，主要分为模块引用、模块定义和模块标识3个部分。 1. 模块引用 模块引用的示例代码如下： var ...
node-http-proxy修改响应结果实例代码
09-02
首先，`node-http-proxy`库本身并不直接提供修改JSON响应的功能，但我们可以借助其他Node.js模块来实现这一功能。在给出的代码片段中，可以看到使用了`zlib`模块来处理HTTP传输中的压缩编码（gzip和deflate）和`...
Node学习记录之cluster模块
08-30
在Node.js环境中，为了充分利用现代计算机的多核处理器能力，`cluster`模块被引入，它允许开发者创建一个主（Master）进程，该进程可以管理多个工作（Worker）进程，从而实现负载均衡和性能优化。`cluster`模块自...
十大成长型思维：定位思维、商业思维、时间管理思维、学习成长思维、精力管理思维、逻辑表达思维、聚焦思维、金字塔原理、目标思维、反思思维
limengshi138392的博客
06-15 1114
十大成长型思维：定位思维、商业思维、时间管理思维、学习成长思维、精力管理思维、逻辑表达思维、聚焦思维、金字塔原理、目标思维、反思思维
新人学习笔记之（标识符和键盘录入）
2401_83311390的博客
06-20 69
3.使用方式：scanf("占位符",变量名);1.scanf，是scanner format的缩写，是C语言提供的一个函数。代码文件：全部小写，单词之间用下划线隔开，开头可以用数字。1.标识符是：代码中所有我们自己起的名字，比如变量名、函数名等。2.作用：获取用户在键盘上输入的数据，并赋值给变量。由数字、字母、下划线(_)组成。占位符之间的间隔符号建议用空格。占位符和后面的变量要一一对应。用英文单词，见名知意。2.命名规则---硬性要求。3.命名规则---软性要求。
重生之 SpringBoot3 入门保姆级学习（19、场景整合 CentOS7 Docker 的安装）
一名全栈小白的博客
06-14 597
重生之 SpringBoot3 入门保姆级学习（19、场景整合 CentOS7 Docker 的安装）
学习记录：VS2019+OpenCV3.4.1实现SURF库函数的调用
weixin_42532989的博客
06-16 944
1.LNK2019 无法解析的外部符号 "public: static struct cv::Ptr 2.opencv_ffmpeg.dll、opencv_ffmpeg_64.dll下载失败无法无法生成opencv_xfeatures2d341d.lib 3.**由于找不到opencv_features2d341d.dll……**
opencv c++ 学习1
HuanBianCheng27的博客
06-17 1203
Opency提供VideoWriter类写视频文件，类的构造函数可以指定文件名、播放帧率、帧尺寸、是否创建彩色视频。
嵌入式技术学习——c51——串口
m0_71703182的博客
06-17 698
在总线上接受数据和发送数据，靠定时器计数，T1的溢出率经过二分频或16分频控制收放的速率，通过SBUF写入发送数据。将数据放在SBUF，单片机自动读写数据，发送之后会申请TI这个发送中断，接收数据会生成RI接受中断。串口是一个 通讯接口。成本低，容易使用，通信线路简单，可实现两个设备的相互通信。单片机的串口可以实现单片机于单片机，单片机与电脑，单片机与其他模块相互通信。RS485电平：两线压差+2~+6V表示1，-2~-6V表示0（差分信号）RS232电平：-3~-15V表示1，+3~+15V表示0。
安卓网络编程主要学习什么：深度解析与实用指南
asdgftv_niiy的博客
06-16 348
综上所述，安卓网络编程主要学习网络基础知识、安卓网络编程框架、异步处理与网络线程以及安全性与错误处理等方面。掌握这些知识，可以帮助开发者更好地应对网络编程中的各种挑战和问题，提升应用的性能和用户体验。当然，随着技术的不断发展，安卓网络编程领域也在不断更新和演进，开发者需要保持持续学习的态度，不断跟进新的技术和趋势。这些框架封装了底层的网络请求和响应处理逻辑，简化了网络编程的复杂度。在网络编程中，安全性和错误处理同样不可忽视。同时，还需要学习如何处理网络请求中的错误和异常情况，确保应用的稳定性和可靠性。
树莓派4B学习笔记11：PC端网线SSH连接树莓派_网线连接请求超时问题解决
NULL指向我的博客
06-17 379
今日学习使用网线连接树莓派，网线可以提供更快的数据传输速率，比无线网更稳定
扩展学习|政策设计的相关内容整理
weixin_63253486的博客
06-18 819
本文围绕cssci来源期刊的文献，整理了关于公共政策设计的相关内容，并从多个维度理解政策设计的发展脉络、现有流派以及历来研究重心。
样本学习：当AI遇上“少见多怪”
山石网科的博客
06-13 795
从生物学的角度来看，我们的大脑是如何在经历了少数几次的经验后，形成对事物的认识和理解的？为了实现这样的元学习，有几种流行的方法，例如模型无关的元学习（MAML），它通过优化一个模型的初始参数，以确保这些参数可以通过少量的梯度更新迅速适应新任务。只有这样，通过增强后的数据训练出的模型，才能在现实世界中遇到新数据时，表现出良好的鲁棒性和适应性。嵌入学习是机器学习中一种将高维数据转换到低维空间的技术，它尝试揭示数据背后的隐含结构，使得数据的某些特性（如类别间的相似性或差异性）在新的空间中更加明显。
Ui学习--UITableView
2301_80253909的博客
06-16 448
UITableView的简单学习～
大厂晋升学习方法一：海绵学习法
2401_85124666的博客
06-20 310
框架原理真的深入某一部分具体的代码和实现方式时，要多注意到细节，不要只能写出一个框架。算法方面很薄弱的，最好多刷一刷，不然影响你的工资和成功率😯在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！
自动驾驶学习-车载摄像头ISP（2）
最新发布
m0_63902994的博客
06-20 585
典型的ISP通常会对摄像头输出的RAW数据先做黑电平矫正（BLC）、坏点矫正（DPC）、数字增益（Dgain）、镜头阴影矫正（LSC）等必要处理。然后通过去马赛克（DM）插值恢复出全彩色图像，在RGB域完成色彩矩阵矫正（CMC）、伽马矫正（GMA）。最后转到YUV域，进行锐度（SHP）、对比度（CON）、颜色饱和度（SAT）等调整后输出。在整个ISP pipeline中间会插入若干降噪（NR）模块。需要注意，某些处理可能会合并到一起，例如某些ISP方案将锐度调整合入到了DM内。
pg修炼之道学习笔记
zyjzyjjyzjyz的博客
06-17 274
pg中的不同模式可以相当与mysql的不同库，因为mysql中不同库可以互相访问查询操作，pg中的模式也可以互相访问查询操作，但是pg中的不同库不可以互相访问，所以其实pg中的schema相当于mysql中的db。加入mysql实例中有三个数据库，在要移植到pg时，需要建三个模式，使其与mysql示例中的三个数据库相对应，而不是在pg中创建三个数据库与之对应。1、一个pg数据库服务下有多个db（多个数据库），当应用连接到一个数据库时，一般只能访问这个数据库中的数据，而不能访问其他数据库的内容（限制）
opencascade AIS_InteractiveContext源码学习相关枚举 AIS_SelectionScheme AIS_StatusOfPick
汤圆
06-20 615
时，根据用户的操作行为和应用程序的需求选择适当的选择方案。这些方案确定了当用户进行选择操作时，如何处理当前选择集合以及新选择的对象。这意味着如果新选择的对象已经在当前选择中，则从当前选择中移除它；，但有一个区别：如果新的选择操作结果为空，并且当前选择集合中包含了被检测到的元素，则该元素会被选中。方法可以将新的对象添加到当前已选择的对象集合中。第一次将对象添加到当前选择中，第二次再次选择相同对象，这会导致从当前选择中移除该对象。方法可以清除当前选择集合中的所有对象，即使没有新的选择操作。
[Qt的学习日常]--窗口
分享技术
06-20 597
几中窗口属性：菜单栏，工具栏，状态栏，浮动窗口，对话框，在对话框中又细分了五种对话框
node-red使用学习
08-25
关于学习使用 Node-RED，我可以给你一些指导。Node-RED 是一个基于流程图的编程工具，用于连接硬件设备、API、服务和在线服务。它使用节点来表示不同的功能模块，并通过连接线将它们串联起来以构建应用程序或自动化...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值