HTTP模块（一）

HTTP服务

本小节主要讲解HTTP服务如何创建服务，查看HTTP请求&响应报文，还有注意事项说明，另外讲解本地环境&Node环境&浏览器之间的链路图示，如何提取HTTP报文字符串，及报错信息查询。

创建HTTP服务端

const http = require('http');

const server = http.createServer((request, response) => {
    response.end('Hello Http Server');
});

server.listen(9000, () => {
    console.log('服务已启动');
});

浏览器输入http://127.0.0.1:9000/，可以看到node服务终端窗口打印日志：服务已启动。

查看报文

打开Fiddler，可以看到浏览器发送的请求报文和响应报文。

请求报文：

GET http://127.0.0.1:9000/favicon.ico HTTP/1.1
Host: 127.0.0.1:9000
Connection: keep-alive
sec-ch-ua: "Not/A)Brand";v="8", "Chromium";v="126", "Google Chrome";v="126"
sec-ch-ua-mobile: ?0
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 Safari/537.36
sec-ch-ua-platform: "Windows"
Accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
Sec-Fetch-Site: same-origin
Sec-Fetch-Mode: no-cors
Sec-Fetch-Dest: image
Referer: http://127.0.0.1:9000/
Accept-Encoding: gzip, deflate, br, zstd
Accept-Language: zh-CN,zh;q=0.9
（空格）

响应报文：

HTTP/1.1 200 OK
Date: Fri, 28 Jun 2024 06:07:06 GMT
Connection: keep-alive
Keep-Alive: timeout=5
Content-Length: 17

Hello Http Server
链路
本地环境 Node服务器 浏览器 const http = require('http') createServer((req, res) => res.end('Hello Http Server')) listen(9000, () => console.log('服务已启动')) GET / HTTP/1.1 HTTP/1.1 200 OK Hello Http Server 本地环境 Node服务器 浏览器
  1. 引入http模块：const http = require('http'); 这行代码引入了Node.js的内置http模块，该模块提供了创建HTTP服务器的功能。
  2. 创建服务器：http.createServer() 方法用于创建一个HTTP服务器。它接受一个回调函数作为参数，该回调函数会在每次有请求到达服务器时被调用。回调函数有两个参数：request 和response，分别代表请求对象和响应对象。
  3. 处理请求和响应：在这个例子中，当服务器接收到任何请求时，都会执行回调函数 (request, response) => { response.end('Hello Http Server'); }。这意味着无论你向服务器发送什么请求，它都会简单地结束响应，并向客户端发送字符串'Hello Http Server'作为响应体。
  4. 监听端口：server.listen(9000, () => { console.log('服务已启动'); }); 这段代码让服务器开始监听9000端口。一旦服务器成功启动并开始监听指定端口，就会在控制台打印出 ‘服务已启动’。这意味着你的HTTP服务器现在正在监听本机的9000端口，等待接收HTTP请求。
  5. 浏览器访问：通过在浏览器中输入 http://localhost:9000 来访问这个本地运行的Node.js服务器。浏览器会发送一个HTTP请求到这个地址，你的服务器会接收到这个请求，并返回'Hello Http Server' 的消息，这将在浏览器窗口中显示出来。

停止HTTP服务

当前命令行（终端）ctrl+C

更新HTTP服务

停止服务后，重新执行node脚本。（暂时）

注意事项

乱码

response不能返回中文，否则出现乱码，后续通过字符集处理。

const server = http.createServer((request, response) => {
    response.set('content-type', 'text/html;charset-utf-8');
    response.end('你好');
});
端口占用
Error: listen EADDRINUSE: address already in use :::9000
结束端口
  1. cmd netstat -aon|findstr "8080"
  2. 复制返回当前端口的pid进程号，比如是16712
  3. taskkill /pid 是16712 /f
  4. 终端打印成功：已终止PID为16712的进程
更改端口
server.listen(9001, () => {
    console.log('服务已启动');
});

默认端口

HTTP协议80是默认的端口，HTTP服务常用端口有3000,8080,9000。80端口的好处是简化访问过程，用户在浏览器中输入网址时无需指定端口号，因为浏览器默认使用80端口进行HTTP请求。还可以减少配置需求，无需额外配置端口映射或转发等。

请求行 & 请求头

const http = require('http');

const server = http.createServer((request, response) => {
    // 获取请求方法
    console.log(request.method);
    // 获取请求的url
    console.log(request.url);
    // 获取请求的版本号
    console.log(request.httpVersion);
    // 获取Http的请求头
    console.log(request.headers);
    response.end('Hello Http Server');
});

server.listen(9000, () => {
    console.log('服务已启动');
});

响应行

const http = require('http');

const server = http.createServer((request, response) => {
    // 1. 申明
    let body = '';
    // 2. 绑定事件
    // 2.1 request本身就是可读流对象
    // 2.2 当请求体的数据到来时，会触发'data'事件。这里通过监听这个事件，将接收到的数据块chunk（Buffer类型）拼接到body字符串上。这是因为HTTP请求体可能分多个数据包到达，'data'事件可能触发多次，每次传递一部分数据。
    request.on('data', chunk => {
        body += chunk;
    });
    // 3. 绑定end
    request.on('end', () => {
        console.log('body', body);
    })
    response.end('Hello Http Server');
});
// 使用listen方法指定服务器监听的端口号（本例中为9000）
server.listen(9000, () => {
    console.log('服务已启动');
});

由于get请求body中是不带信息的，所以新建html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="http://127.0.0.1:9000" method="post">
        <input type="text" name="username">
        <input type="text" name="password">
        <input type="submit" value="提交">
    </form>
</body>
</html>

在这里插入图片描述
点击提交，控制台输出：
在这里插入图片描述
终端打印：

在这里插入图片描述

提取 http 报文字符串

url.parse 提取
const http = require('http');

const url = require('url');

const server = http.createServer((request, response) => {
    // 解析request.url
    // console.log('request', request.url);
    let res = url.parse(request.url, true);
    console.log('res', res);
    // 路径
    let pathName = res.pathName;
    // 查询字符串
    let keyword = res.query.keyword;

    response.end('Hello Http Server');
});

server.listen(9000, () => {
    console.log('服务已启动');
});
new URL 构造函数提取
const http = require('http');

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

    let url = new URL(request.url, 'https://www.baidu.com');

    console.log('url', url);
    // 输出路径
    console.log('pathName', url.pathname);
    // 取出传参 这里以keyword为例
    console.log(url.searchParams.get('keyword'))
    response.end('Hello Http Server');
});

server.listen(9000, () => {
    console.log('服务已启动');
});
new URL(input[, base])

new URL(input[, base]) 是一个 JavaScript 构造函数，用于从给定的输入字符串（input）创建一个新的 URL 对象。这个函数允许你以一种标准化的方式解析和操作网址。

  • input:这个参数是一个字符串，代表想要解析成URL对象的地址信息，它可以是绝对地址（如https://www.baidu.com/serach?keyword=1）,也可以是相对网址（如path/to/page?keyword=1）,如果提供的是相对地址，那么解析时就需要用到base参数。
  • base(可选参数)：基准URL，当input是一个相对网址时，例如，如果 base 是 https://www.example.com/，并且 input 是 path/to/page，那么最终解析得到的完整 URL 就会是 https://www.example.com/path/to/page。如果 input 是一个绝对网址，那么 base 参数将被忽略，即使提供了也不会影响结果。

建议使用new URL，因为url.parse在Node.js v22.3.0版本被弃用了。

Node.js 中文网

常见报错信息：
错误代码说明
ERR_INVALID_PROTOCOL表示提供的URL协议部分无效或不受支持。
ERR_UNKNOWN_URL_SCHEME遇到了未知的URL方案（协议），即URL的开头部分没有被识别
ERR_INVALID_CHARURL中包含了无效的字符
ERR_FILE_NOT_FOUND尝试访问的文件不存在（在涉及文件系统操作时）
ERR_HTTP2_PROTOCOL_ERRORHTTP/2协议层面的错误
ERR_TLS_CERT_ALTNAME_INVALIDTLS证书的备用名称不匹配或无效
ERR_SSL_PROTOCOL_ERRORSSL/TLS握手过程中发生协议错误。
ERR_SOCKET_CLOSED套接字意外关闭，可能是因为网络问题或远程端点主动关闭连接
ERR_CONNECTION_REFUSED连接被目标主机拒绝，通常是由于目标端口无服务监听
ERR_CONNECTION_TIMED_OUT连接尝试超时，没有在预定时间内收到响应
ERR_ABORTED请求被用户或程序主动中断

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mfbz.cn/a/782038.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

基于java+springboot+vue实现的仓库管理系统（文末源码+lw+ppt）23-499

基于java+springboot+vue实现的仓库管理系统（文末源码+lw+ppt）23-499

第1章 绪论 伴随着信息社会的飞速发展&#xff0c;仓库管理所面临的问题也一个接一个的出现&#xff0c;所以现在最该解决的问题就是信息的实时查询和访问需求的问题&#xff0c;以及如何利用快捷便利的方式让访问者在广大信息系统中进行查询、分享、储存和管理。这对我们的现…
阅读更多...
Mysql explain语句详解与实例展示

Mysql explain语句详解与实例展示

首先简单介绍sql&#xff1a; SQL语言共分为四大类&#xff1a;数据查询语言DQL&#xff0c;数据操纵语言DML&#xff0c;数据定义语言DDL&#xff0c;数据控制语言DCL。 1. 数据查询语言DQL 数据查询语言DQL基本结构是由SELECT子句&#xff0c;FROM子句&#xff0c;WHERE子句…
阅读更多...
【持续集成_03课_Jenkins生成Allure报告及Sonar静态扫描】

【持续集成_03课_Jenkins生成Allure报告及Sonar静态扫描】

1、 一、构建之后的配置 1、安装allure插件 安装好之后&#xff0c;可以在这里搜到已经安装的 2、配置allure的allure-commandline 正常配置&#xff0c;是要么在工具里配置&#xff0c;要么在系统里配置 allure-commandline是在工具里进行配置 两种方式进行配置 1&#xff…
阅读更多...
Ubuntu编译 OSG

Ubuntu编译 OSG

目录 一、安装步骤 二、配置 1、数据文件配置 2、OSG环境变量配置 一、安装步骤 在Ubuntu上安装OSG（OpenSceneGraph），你可以按照以下步骤操作： 打开终端，更新你的包管理器的包列表： sudo apt update 安装必要的依赖库 sudo apt install libglu1-mesa-dev freeglu…
阅读更多...
powershell美化工具Oh My Posh安装教程

powershell美化工具Oh My Posh安装教程

1. 安装Oh My Posh 进入Oh My Posh官网&#xff0c;可根据不同平台进行下载 windows下可以直接在微软商店下载 2. 安装Nerd Fonts字体 进入Nerd Fonts官网&#xff0c;选择自己喜欢的字体下载解压后&#xff0c;全选所有文件&#xff0c;右键选择安装即可&#xff08;忽略LICEN…
阅读更多...
搭建NEMU与QEMU的DiffTest环境（动态库方式）

搭建NEMU与QEMU的DiffTest环境（动态库方式）

搭建NEMU与QEMU的DiffTest环境&#xff08;动态库方式&#xff09; 1 DiffTest原理简述2 编译NEMU3 编译qemu-dl-difftest3.1 修改NEMU/scripts/isa.mk3.2 修改NEMU/tools/qemu-dl-diff/src/diff-test.c3.3 修改NEMU/scripts/build.mk3.4 让qemu-dl-difftest带调试信息3.5 编译…
阅读更多...
在Docker部署DVWA

在Docker部署DVWA

Docker的安装 apt install docker.io 查看安装是否成功&#xff1a; docker -v 弹出版本信息即安装成功&#xff01;&#xff01;&#xff01; 配置镜像加速器 登录&#xff1a;https://cr.console.aliyun.com/cn-hangzhou/instances/mirrors 下面可以看到下面界面&…
阅读更多...
机器学习训练之使用静态图加速

机器学习训练之使用静态图加速

前言 MindSpore有两种运行模式&#xff1a;动态图模式和静态图模式。默认情况下是动态图模式&#xff0c;也可以手工切换为静态图模式。 动态图模式 动态图的特点是计算图的构建和计算同时发生&#xff0c;符合Python的解释执行方式。在调试模型时较为方便&#xff0c;能够实…
阅读更多...
代码随想录 数组部分+代码可在本地编译器运行

代码随想录 数组部分+代码可在本地编译器运行

代码随想录 数组部分&#xff0c;代码可在本地编译器运行 文章目录 数组理论基础704.二分查找题目&#xff1a;思路二分法第一种写法二分法第二种写法 代码 27.移除元素题目&#xff1a;思路-双指针法代码 977.有序数组的平方题目思路-双指针代码 209.长度最小的子数组题目&am…
阅读更多...
CDNOW_master.txt数据分析实战

CDNOW_master.txt数据分析实战

一、数据详情 该数据集是常见的销售数据集&#xff0c;数据展示的是美国1997后的商品销售数据。包含四个字段&#xff0c;分别是用户id,购买时间&#xff0c;销售量&#xff0c;与销售金额。 二、数据读取与数据清洗 导入必要的包 \s代表的许多空格作为分割&#xff0c;names重…
阅读更多...
区间最值问题-RQM(ST表，线段树)

区间最值问题-RQM(ST表，线段树)

1.ST表求解 ST表的实质其实是动态规划&#xff0c;下面是区间最小的递归公式&#xff0c;最大只需将min改成max即可 f[i][j] min(f[i][j - 1], f[i (1 << j - 1)][j - 1]); 二维数组的f[i][j]表示从i开始连续2*j个数的最小/大值。 例如&#xff1a;我们给出一个数组…
阅读更多...
【论文解读】可灵(快手)｜LivePortrait：具有拼接和重定向控制的高效肖像动画

【论文解读】可灵(快手)｜LivePortrait：具有拼接和重定向控制的高效肖像动画

&#x1f4dc; 文献卡 英文题目: LivePortrait: Efficient Portrait Animation with Stitching and Retargeting Control;作者: Jianzhu Guo; Dingyun Zhang; Xiaoqiang Liu; Zhizhou Zhong; Yuan Zhang; Pengfei Wan; Di ZhangDOI: 10.48550/arXiv.2407.03168摘要翻译: *旨在…
阅读更多...
ESP32CAM物联网教学02

ESP32CAM物联网教学02

ESP32CAM物联网教学02 物联网门锁 小智来到姑姑家门口&#xff0c;按了门铃&#xff1b;还在公司上班的姑姑用电脑给小智开了门&#xff0c;让他先进屋休息。小智对物联网门锁产生了兴趣&#xff1a;什么是物联网&#xff1f;为什么这么厉害&#xff1f; 初识物联网 我们在百…
阅读更多...
【论文阅读笔记】Meta 3D AssetGen

【论文阅读笔记】Meta 3D AssetGen

【论文阅读笔记】Meta 3D AssetGen: Text-to-Mesh Generation with High-Quality Geometry, Texture, and PBR Materials Info摘要引言创新点 相关工作T23D基于图片的3d 重建使用 PBR 材料的 3D 建模。 方法文本到图像:从文本中生成阴影和反照率图像Image-to-3D:基于pbr的大型重…
阅读更多...
python 比webdriver更好用的ChromiumPage

python 比webdriver更好用的ChromiumPage

优点&#xff08;目前发现的&#xff09;&#xff1a; 不用配合selenium不用下载对应浏览器的webdriver&#xff0c;不用对应浏览器版本不用设置webdriver路径之类的设置目前没看到有出现像webdriver类似的浏览器被控制的提示&#xff0c;使用过程中好像也没被检测出来。每次不…
阅读更多...
unity3d：Shader知识点，矩阵，函数，坐标转换，Tags，半透明，阴影，深度，亮度，优化

unity3d：Shader知识点，矩阵，函数，坐标转换，Tags，半透明，阴影，深度，亮度，优化

基本结构 Shader "MyShaderName" {Properties {// 属性}SubShader {// 针对显卡A的SubShaderPass {// 设置渲染状态和标签Tags { "LightMode""ForwardBase" }// 开始Cg代码片段CGPROGRAM// 该代码片段的编译指令&#xff0c;例如&#xff1a;#p…
阅读更多...
【vite创建项目】

【vite创建项目】

搭建vue3tsvitepinia框架 一、安装vite并创建项目1、用vite构建项目2、配置vite3、找不到模块 “path“ 或其相对应的类型声明。 二、安装element-plus1、安装element-plus2、引入框架 三、安装sass sass-loader1、安装sass 四、安装vue-router-next 路由1、安装vue-router42搭…
阅读更多...
python基础篇（8）：异常处理

python基础篇（8）：异常处理

在Python编程中&#xff0c;异常是程序运行时发生的错误&#xff0c;它会中断程序的正常执行流程。异常处理机制使得程序能够捕获这些错误&#xff0c;并进行适当的处理&#xff0c;从而避免程序崩溃。 1 错误类型 代码的错误一般会有语法错误和异常错误两种&#xff0c;语法错…
阅读更多...
CTF常用sql注入（一）联合注入和宽字节

CTF常用sql注入（一）联合注入和宽字节

0x01 前言 给自己总结一下sql注入的常用姿势吧&#xff0c;记录一下学习 0x02 联合 联合注入的关键词是union SQL的union联合注入原理是联合两个表进行注入攻击&#xff0c;使用union select关键词来进行联合查询。 那么为什么我们在题目中一般是只写一个呢 因为 $sql &quo…
阅读更多...
逆变器学习笔记（三）

逆变器学习笔记（三）

DCDC电源芯片外围器件选型_dcdc的comp补偿-CSDN博客、 1.芯片的COMP引脚通常用于补偿网络&#xff1a; 芯片的COMP引脚通常用于补偿网络&#xff0c;在控制环路中发挥重要作用。COMP引脚接电容和电阻串联接地&#xff0c;主要是为了稳定控制环路、调整环路响应速度和滤波噪声…
阅读更多...
最新文章

Copyright @ 2022~2023