Nodejs基础5之网络基础概念的IP、端口,HTTP模块的创建HTTP服务、HTTP服务注意事项、浏览器查看HTTP报文

Nodejs基础

  • 网络基础概念
    • IP
      • IP的介绍
      • IP的作用
      • IP的分类
        • 共享IP-公网
          • 家庭共享——局域网
          • 公网
        • 本地回环IP地址
          • 总结
        • IP标准分类
    • 端口
      • 端口举例
      • 端口介绍
      • 总结
  • HTTP模块
    • 创建HTTP服务
    • HTTP服务注意事项
    • 浏览器查看HTTP报文
      • 查看请求报文
      • 查看请求体
      • url当中的查询字符串
      • 查看响应报文

网络基础概念

IP

IP的介绍

IP 也称为 「IP 地址」,本身是一个数字标识。例如 192.168.1.3
ip本身是一个32Bit的二进制数字,例如,11000000101010000000000100000011
但是为了标识,将每8个分为一组,转成十进制数字,并每组加上“.”来组合
在这里插入图片描述
在这里插入图片描述

IP的作用

IP本身是一个数字标识
IP用来标识网络中的设备,实现设备间的通信

IP的分类

2022年11月15日,联合国宣布世界人口达到80亿
一个ip由32位组成,最多能够使用 2^32=42,9496,7296 个设备
是远远不够使用

解决

  • 共享IP——公网IP
    • 区域共享
    • 家庭共享——局域网
  • 本地回环IP地址
共享IP-公网
家庭共享——局域网
	家庭设备:手机、电脑、手机、打印机等

在这里插入图片描述

公网

在这里插入图片描述
180.91.213.151:广域网IP或公网IP

在这里插入图片描述

本地回环IP地址

127.0.0.1~127.255.255.254 这期间的IP地址,都是指向本机的

总结
类型说明
本机回环IP地址127.0.0.1 ~ 127.255.255.254
局域网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标准分类

IP详细学习

端口

端口举例

在这里插入图片描述
在这里插入图片描述
将集市类比成计算机,每个摊位相当于计算机上的应用程序,而摊位编号则相当于端口

端口介绍

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

在这里插入图片描述

总结

端口是应用程序的数字标识
主要作用是实现了不同主机应用程序之间的通信

HTTP模块

创建HTTP服务

//1、导入http模块
const http=require('http')

//2、创建服务对象
const server=http.createServer((request,response)=>{
    response.end('Hello Http Server')  //设置响应体
})

//3、监听端口,启动服务
server.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

1)关闭当前正在运行监听端口的服务 ( 使用较多 )
2)修改其他端口号

  1. HTTP 协议默认端口是 80 。HTTPS 协议的默认端口是 443, HTTP 服务开发常用端口有 3000,
    8080,8090,9000 等

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

  • 第一个
    在这里插入图片描述

  • 第二个
    在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 第三个
//1、导入http模块
const http=require('http')

//2、创建服务对象
const server=http.createServer((request,response)=>{
    // response.end('Hello Http')  //设置响应体
    response.end('你好')  //设置响应体
})

//3、监听端口,启动服务
server.listen(9000,()=>{
    console.log("服务已经启动.......")
})

在这里插入图片描述
修改之后为:

//1、导入http模块
const http=require('http')

//2、创建服务对象
const server=http.createServer((request,response)=>{
    // response.end('Hello Http')  //设置响应体
    response.setHeader('content-type','text/html;charset=utf-8')
    response.end('你好')  //设置响应体
})

//3、监听端口,启动服务
server.listen(9000,()=>{
    console.log("服务已经启动.......")
})

在这里插入图片描述

  • 第四个
    再开一个终端运行上述代码:
    在这里插入图片描述

解决:

  1. 方法一: 关闭之前的,重新启动当前的
    在这里插入图片描述
  2. 方法二:修改端口号
    在这里插入图片描述
  • 第五个
//1、导入http模块
const http=require('http')

//2、创建服务对象
const server=http.createServer((request,response)=>{
    // response.end('Hello Http')  //设置响应体
    response.setHeader('content-type','text/html;charset=utf-8')
    response.end('你好')  //设置响应体
})

//3、监听端口,启动服务
// server.listen(9001,()=>{
//     console.log("服务已经启动.......")
// })

//3、监听端口,启动服务
server.listen(80,()=>{
    console.log("服务已经启动.......")
})

在这里插入图片描述

  • 第六个——注意情况

在这里插入图片描述
结束后再重新启动自己的服务

浏览器查看HTTP报文

查看请求报文

//1、导入http模块
const http=require('http')

//2、创建服务对象
const server=http.createServer((request,response)=>{
    // response.end('Hello Http')  //设置响应体
    response.setHeader('content-type','text/html;charset=utf-8')
    response.end('你好')  //设置响应体
})

//3、监听端口,启动服务
// server.listen(9001,()=>{
//     console.log("服务已经启动.......")
// })

//3、监听端口,启动服务
server.listen(9000,()=>{
    console.log("服务已经启动.......")
})

在这里插入图片描述

查看请求体

先新建一个表单

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form action="http://127.0.0.1:9000" method="post">
    <input type="text" name="username"> <br>
    <input type="password" name="password"> <br>
    <input type="submit" value="提交">
</form>
</body>
</html>

在这里插入图片描述
点击提交后,在网络中显示请求,点击载荷查看请求体
在这里插入图片描述

url当中的查询字符串

在这里插入图片描述

查看响应报文

·
在这里插入图片描述

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

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

相关文章

Qt开源版 vs 商业版 详细比较!!!!

简单整理Qt开源版与商业版有哪些差别&#xff0c;仅供参考。 简单对比 开源版商业版许可证大部分采用对商业使用不友好的LGPLv3具备商业许可证保护代码专有许可证相关大部分模块使用LGPLv3和部分模块使用GPL组成仅第三方开源组件使用Qt的其他许可证Qt模块功能支持支持技术支持…

Java把列表数据导出为PDF文件,同时加上PDF水印

一、实现效果 二、遇到的问题 实现导出PDF主体代码参考&#xff1a;Java纯代码实现导出PDF功能&#xff0c;下图是原作者实现的效果 导出报错Font STSong-Light with UniGB-UCS2-H is not recognized.。参考&#xff1a;itext 生成 PDF(五) 使用外部字体 网上都是说jar包的版本…

翻译: GPT-4 Vision通过量身定制的推荐来增强应用的用户体验 升级Streamlit五

GPT-4 Vision 系列: 翻译: GPT-4 with Vision 升级 Streamlit 应用程序的 7 种方式一翻译: GPT-4 with Vision 升级 Streamlit 应用程序的 7 种方式二翻译: GPT-4 Vision静态图表转换为动态数据可视化 升级Streamlit 三翻译: GPT-4 Vision从图像转换为完全可编辑的表格 升级St…

SpringBoot使用OpenCV

SpringBoot使用OpenCV Spring boot 整合 OpenCV 4.5环境安装配置spring boot项目 OpenCV 训练自己的模型&#xff0c;实现特定物体的识别环境安装前期准备总结 Spring boot 整合 OpenCV 4.5 本文展示Windows下Spring Boot 整合Opencv 4.5 进行对图片中的人脸提取&#xff0c;开…

防火墙到防火墙的高可用知识汇总

目录​​​​​​​ 防火墙 防火墙的分类&#xff1a; 防火墙的发展史 传统防火墙&#xff08;包过滤防火墙&#xff09;—— 一个严格的规则表 传统防火墙&#xff08;应用代理防火墙&#xff09;—— 每个应用添加代理 传统防火墙&#xff08;状态检测防火墙&#xff09…

责任链模式在java中的实现

1 总览 2 概念 避免请求发送者与接收者耦合在一起&#xff0c;让多个对象都有可能接收请求&#xff0c;将这些对象连接成一条链&#xff0c;并且沿着这条链传递请求&#xff0c;直到有对象处理它为止。职责链模式是一种对象行为型模式。 3 实现 公共部分&#xff0c;一个系…

Windows、Linux、Mac数据库的安装(mysql、MongoDB、Redis)

数据库的安装 作为数据存储的重要部分&#xff0c;数据库同样是必不可少的&#xff0c;数据库可以分为关系型数据库和非关系型数据库。 关系型数据库如 SQLite、MySQL、Oracle、SQL Server、DB2 等&#xff0c;其数据库是以表的形式存储&#xff1b;非关系型数据库如 MongoDB…

wsl-ubuntu 安装 nginx

wsl-ubuntu 安装 nginx 1. 安装 nginx2. 确认 nginx 启动状态3. 重启 nginx4. 停止 nginx 1. 安装 nginx sudo apt install nginx2. 确认 nginx 启动状态 systemctl status nginx3. 重启 nginx systemctl restart nginx4. 停止 nginx systemctl stop nginx完成&#xff01;…

CRM系统多少钱一套?

CRM系统多少钱一套&#xff1f; 相信这是企业普遍关心的一个问题。 我们公司也使用过CRM客户关系管理系统&#xff0c;经验就是&#xff0c;建议在开发前先进行一次详细的需求分析&#xff0c;确定采用哪种开发方式&#xff0c;估量所需的工作量&#xff1b;然后在此基础上&a…

【软考问题】-- 5 - 知识精讲 - 项目进度管理

一、基本问题 项目进度管理&#xff08;按时完成&#xff09; 1&#xff1a;紧前关系绘图法&#xff1f; 定义&#xff1a;它是创建进度模型的一种技术。别称&#xff1a; PDM、前导图法、单代号网络图&#xff08;只有节点需要编号&#xff09;、活动节点图&#xff08;AON&a…

Habitat环境学习二:导航任务中的Habitat-sim基础Habitat-sim Basics for Navigation

导航任务在Habitat-sim任务中的实现 官方教程概述重要概念1、Hello World程序1.0.1 基础设置Basic settings1.0.2 模拟器设置Configurations for the simulator1.0.3 创建模拟器实例1.0.4 初始化Agent1.0.5 导航和探索 官方教程 Habitat是一个高效的真实的3D模拟器&#xff0c…

iTunes Connect 中修改后的内购(IPA)审核所需的时间

引言 在 iOS 开发过程中&#xff0c;将应用上传到 App Store 是一个重要的步骤。应用审核和 IAP 商品审核是分开的&#xff0c;审核一般需要等待一周左右。如果审核通过&#xff0c;我们会收到 Apple 发来的反馈邮件&#xff0c;根据邮件中的指示进行后续操作。如果已经上架的…

客户点赞,“信”任满满 | 竹云喜获近百封感谢信!

玉兔辞旧岁&#xff0c;威龙迎新春 在新春佳节来临之际 一封封感谢信、表扬信 纷至沓来 纸短情长 每一封感谢信的背后 都记载着一个动人的故事 字里行间情真意切 激励着竹云继续前行&#xff01; 国家电投 竹云项目组成员凭借丰富的业务、技术经验、专业的职业素养和较…

从换脸到克隆:IP Adapter FaceID的技术突破与应用

引言 换脸技术&#xff0c;一直以来都是数字图像处理领域的热门话题。从最早的传统方法到现在的AI驱动技术&#xff0c;换脸技术已经经历了多次重大的技术革新。近年来&#xff0c;随着深度学习和计算机视觉技术的发展&#xff0c;换脸技术开始向更加智能化、自动化的方向演进…

Springboot自定义线程池实现多线程任务

1. 在启动类添加EnableAsync注解 2.自定义线程池 package com.bt.springboot.config;import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.Configuration; import org.springframework.scheduling.concurrent.ThreadPoolTask…

移动端深度编辑产品技术解决方案

视频编辑已经成为企业宣传、教育、娱乐等多个领域的重要工具。美摄科技凭借其深厚的技术积累和对市场需求的敏锐洞察&#xff0c;开发出业界领先的移动端深度编辑产品&#xff0c;为企业提供高效、专业的视频编辑解决方案。 美摄科技移动端深度编辑产品方案&#xff0c;基于多…

思维导图:大神教你如何画思维导图

思维导图是什么&#xff1f; 思维导图是一种图形化的工具&#xff0c;用于组织和展示思维过程、概念关系和信息结构。它以一个中心主题为起点&#xff0c;通过分支和连接的方式&#xff0c;将相关的想法、概念、关键词等呈现在一个图形化的结构中。 思维导图通常以中心节点开始…

自动化测试——selenium工具(web自动化测试)

1、自动化测试 优点&#xff1a;通过自动化测试有效减少人力的投入&#xff0c;同时提高了测试的质量和效率。 也用于回归测试。随着版本越来越多&#xff0c;版本回归的压力越来越大&#xff0c;仅仅通过人工测试 来回归所以的版本肯定是不现实的&#xff0c;所以…

备战蓝桥杯--数据结构及STL应用(基础)

今天轻松一点&#xff0c;讲一讲stl的基本操作吧&#xff01; 首先&#xff0c;让我们一起创建一个vector容器吧&#xff01; #include<bits/stdc.h> using namespace std; struct cocoack{ int coco,ck; } void solve(){vector<cocoack> x;for(int i0;i<5;i){…

springboot3+vue3支付宝在线支付案例-渲染产品列表页面

springboot3vue3支付宝在线支付案例-渲染产品列表页面&#xff01;今天折腾了半天&#xff0c;完成了vue3前端项目的产品列表选染。 我们使用到了技术有axios&#xff08;发送跨域的请求获取产品&#xff09;。pinia&#xff08;绑定数据&#xff09;, import { ref } from vu…