Nodejs之http模块详解

一、Web服务器

什么是Web服务器？
当应用程序（客户端）需要某一个资源时，可以向一个台服务器，通过Http请求获取到这个资源；提供资源的这个服务器，就是一个Web服务器；
在这里插入图片描述

目前有很多开源的Web服务器：Nginx、Apache（静态）、Apache Tomcat（静态、动态）、Node.js

二、Web服务器初体验

在这里插入图片描述

三、创建服务器的方式

在这里插入图片描述

创建服务器对象，我们是通过 createServer 来完成的

  • http.createServer会返回服务器的对象；
  • 底层其实使用直接 new Server 对象。

    那么，当然，我们也可以自己来创建这个对象：
    在这里插入图片描述

上面我们已经看到，创建Server时会传入一个回调函数，这个回调函数在
被调用时会传入两个参数：

  1. req：request请求对象，包含请求相关的信息；
  2. res：response响应对象，包含我们要发送给客户端的信息；

四、监听主机和端口号

Server通过listen方法来开启服务器，并且在某一个主机和端口上监听网络请求：
也就是当我们通过 ip:port的方式发送到我们监听的Web服务器上时；我们就可以对其进行相关的处理；

listen函数有三个参数：

  1. 端口port: 可以不传, 系统会默认分配端, 后续项目中我们会写入到环境变量中；
  2. 主机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地址是可以访问的；
  1. 回调函数：服务器启动成功时的回调函数；

五、request对象

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

  • 本次请求的URL，服务器需要根据不同的URL进行不同的处理；
  • 本次请求的请求方式，比如GET、POST请求传入的参数和处理的方式是不同的；
  • 本次请求的headers中也会携带一些信息，比如客户端信息、接受数据的格式、支持的编码格式等；

这些信息，Node会帮助我们封装到一个request的对象中，我们可以直接来处理这个request对象：
在这里插入图片描述

在这里插入图片描述

六、URL的处理

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

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

在这里插入图片描述

七、URL的解析

那么如果用户发送的地址中还携带一些额外的参数呢？
p http://localhost:8000/login?name=why&password=123;
p 这个时候，url的值是 /login?name=why&password=123； n 我们如何对它进行解析呢？使用内置模块url：
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
但是 query 信息如何可以获取呢？
在这里插入图片描述
在这里插入图片描述
在我们程序中如何进行判断以及获取对应的数据呢？

  • 这里我们需要判断接口是 /login，并且请求方式是POST方法去获取传入的数据；
  • 获取这种body携带的数据，我们需要通过监听req的 data事件来获取；
    在这里插入图片描述
    在这里插入图片描述
    将JSON字符串格式转成对象类型，通过JSON.parse方法即可:
    在这里插入图片描述

八、headers属性

在request对象的header中也包含很多有用的信息，客户端会默认传递过来一些信息：
在这里插入图片描述
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方法：这种方式是写出最后的数据，并且写出后会关闭流；
    在这里插入图片描述
    如果我们没有调用 end和close，客户端将会一直等待结果：
  • 所以客户端在发送网络请求时，都会设置超时时间。

十、返回状态码

Http状态码（Http Status Code）是用来表示Http响应状态的数字代码：

  • Http状态码非常多，可以根据不同的情况，给客户端返回不同的状态码；
  • 常见的状态码是下面这些（后续项目中，也会用到其中的状态码）；
  • 在这里插入图片描述
    设置状态码常见的有两种方式：
    在这里插入图片描述

十一、响应头文件

返回头部信息，主要有两种方式：

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

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

Header设置 Content-Type有什么作用呢？
p 默认客户端接收到的是字符串，客户端会按照自己默认的方式进行处理；
在这里插入图片描述

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

十二、http请求

axios库可以在浏览器中使用，也可以在Node中使用：

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

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

十三、文件上传 – 错误示范

如果是一个很大的文件需要上传到服务器端，服务器端进行保存应该如何操作呢？
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

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

十三、文件上传 – 正确做法

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

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

const http = require('http')
const fs = require('fs')
const qs = require('querystring')
const server = http.createServer((req, res) => {if (req.url === '/upload') {if (req.method === 'POST') {req.setEncoding('binary')let body = ''const boundary = req.headers['content-type'].split(';')[1].replace(' boundary=', '')// console.log(boundary)req.on('data', (data) => {body += data})// 监听写入结束req.on('end', () => {// console.log(body)// 处理body// 1.获取image/png的位置const payload = qs.parse(body, "\r\n", ": ")const type = payload["Content-Type"]const typeIndex = body.indexOf(type) // 拿到image/jpeg的索引位置const typeLength = type.length // 拿到image/jpeg这个字符串的长度let imageData = body.substring(typeIndex + typeLength)// 3. 将image/jpeg后面的两个空格去掉// imageData = imageData.replace('\r\n\r\n', '')imageData = imageData.replace(/^\s\s*/, '')// 4. 将最后的boundary去除掉imageData = imageData.substring(0, imageData.indexOf(`--${boundary}--`))console.log(imageData)fs.writeFile('./foo.jpg', imageData, {encoding: 'binary'}, (err) => {res.end('文件上传成功~')})console.log('文件上传成功')res.end('文件上传成功')})}}
})
server.listen(8000, '0.0.0.0', () => {console.log('文件上传服务器开启成功')
})

在这里插入图片描述

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

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

iOS开源照片浏览器框架SGPhotoBrowser的设计与实现

iOS开源照片浏览器框架SGPhotoBrowser的设计与实现

简介 近日在制作一个开源加密相册时附带着设计了一个照片浏览器，在进一步优化后发布到了GitHub供大家使用，该框架虽然没有MWPhotoBrowser那么强大，但是使用起来更为方便，操作更符合常规相册习惯，自定义和修改源码也十分…
阅读更多...
Koa框架

Koa框架

一、认识Koa 前面我们已经学习了express，另外一个非常流行的Node Web服务器框架就是Koa。 Koa官方的介绍： koa：next generation web framework for node.js；koa：node.js的下一代web框架； 事实上&#x…
阅读更多...
Node使用MySQL

Node使用MySQL

一、认识mysql2 如何可以在Node的代码中执行SQL语句来，这里我们可以借助于两个库： mysql：最早的Node连接MySQL的数据库驱动；mysql2：在mysql的基础之上，进行了很多的优化、改进；目前相对来说&a…
阅读更多...
java安装后在哪里打开_冷却塔声屏障安装后降噪效果不理想，原因出在哪里？...

java安装后在哪里打开_冷却塔声屏障安装后降噪效果不理想，原因出在哪里？...

现有冷却塔大部分产品都不能满足噪音环保标准，只有少数几种低吨位超低噪声型号的冷却塔可以满足少部分区域噪声标准要求。在一些商住混合区，冷却塔的出风口强烈的噪声和热气往往干扰附近居民不得安宁，所以冷却塔的噪声问题成为环境投诉的热点…
阅读更多...
iOS10 权限崩溃问题

iOS10 权限崩溃问题

iOS10 权限崩溃问题 原文: http://blog.csdn.net/runleelrg/article/details/51673025 今天 手机升级了 iOS10 Beta，然后用正在开发的项目 装了个ipa包，发现点击有关 权限访问 直接Crash了，并在控制台输出了一些信息： This app h…
阅读更多...
Koa框架——coderhub实战

Koa框架——coderhub实战

https://github.com/zep03/koa-coderhub/commits/main 一、coderhub功能接口说明 Coderhub旨在创建一个程序员分享生活动态的平台。 完整的项目接口包括： 面向用户的业务接口；面向企业或者内部的后台管理接口； 完成的功能如下：…
阅读更多...
python 协程_Python多任务协程

python 协程_Python多任务协程

协程协程，又称微线程，纤程。英文名Coroutine。协程是python个中另外一种实现多任务的方式，只不过比线程更小占用更小执行单元(理解为需要的资源)。为啥说它是一个执行单元，因为它自带CPU上下文。这样只要在合适的时机，…
阅读更多...
JavaScript高级之构造函数和原型

JavaScript高级之构造函数和原型

1.1 概述 在典型的 OOP 的语言中（如 Java），都存在类的概念，类就是对象的模板，对象就是类的实例，但在 ES6之前， JS 中并没用引入类的概念。 ES6， 全称 ECMAScript 6.0 ，2…
阅读更多...
JavaScript高级之继承

JavaScript高级之继承

ES6之前并没有给我们提供 extends 继承。我们可以通过构造函数原型对象模拟实现继承，被称为组合继承。 2.1 call() 调用这个函数, 并且修改函数运行时的 this 指向 fun.call(thisArg, arg1, arg2, …) thisArg ：当前调用函数 this 的指向对象arg1&…
阅读更多...
【代码笔记】iOS-UILable电子表显示

【代码笔记】iOS-UILable电子表显示

一&#xff0c;效果图。 二&#xff0c;代码。 RootViewController.h #import <UIKit/UIKit.h>interface RootViewController : UIViewController {UILabel *label;NSDateFormatter *dateFormatter ; } end RootViewController.m #import "RootViewController.h&qu…
阅读更多...
JavaScript高级之ES5 中的新增方法

JavaScript高级之ES5 中的新增方法

3.1 ES5 新增方法概述 ES5 中给我们新增了一些方法&#xff0c;可以很方便的操作数组或者字符串&#xff0c;这些方法主要包括&#xff1a; 数组方法字符串方法对象方法 3.2 数组方法 迭代(遍历)方法&#xff1a;forEach()、map()、filter()、some()、every()&#xff1b; …
阅读更多...
JavaScript高级之函数进阶

JavaScript高级之函数进阶

1. 函数的定义和调用 1.1 函数的定义方式 函数声明方式 function 关键字 (命名函数)函数表达式 (匿名函数)new Function() Function 里面参数都必须是字符串格式第三种方式执行效率低&#xff0c;也不方便书写&#xff0c;因此较少使用所有函数都是 Function 的实例(对象)…
阅读更多...
react 前端解析二进制流_一年半前端跳槽面试经验（头条、微信、shopee）

react 前端解析二进制流_一年半前端跳槽面试经验（头条、微信、shopee）

在2019年末的时候&#xff0c;突然想搞点大事&#xff0c;思来想去&#xff0c;感觉只有跳槽是最刺激的。由于我比较懒&#xff0c;不想换城市&#xff0c;所以这次只面试了头条、微信和 shopee。十分幸运&#xff0c;都拿到了 offer。接下来就简单的说下大家关心的面试题吧。问…
阅读更多...
国内app快速生成平台对比

国内app快速生成平台对比

泰格老虎 2013-03-07 00:39:10 这是海恒CEO高鹏写的一篇国内app快速生成平台对比文章&#xff0c;介绍了国内快速生成APP的平台与自己平台的对比&#xff0c;很有参考价值。同类网站安米网 http://www.appbyme.org/追信 http://app.zhui.cn/简网app工厂 http://app.cutt.com/ap…
阅读更多...
JavaScript高级之正则表达式

JavaScript高级之正则表达式

1. 正则表达式概述 1.1 什么是正则表达式 正则表达式&#xff08; Regular Expression &#xff09;是用于匹配字符串中字符组合的模式。在 JavaScript中&#xff0c;正则表达式也是对象。 正则表通常被用来检索、替换那些符合某个模式&#xff08;规则&#xff09;的文本&am…
阅读更多...
pushpop指令的操作数必须是字操作数_PLC的指令，电气人必须了解的基础内容

pushpop指令的操作数必须是字操作数_PLC的指令，电气人必须了解的基础内容

指令语句表编程语言是所有PLC都具有的最基本的编程语言。而指令语句表程序是由一条一条的指令堆砌而成的。因此&#xff0c;我们有必要对指令进行进一步的说明和解读。1、指令格式PLC的指令语句表程序和微机汇编语言程序非常的相似&#xff0c;我们也是以汇编语言的指令和指令系…
阅读更多...
JavaScript高级之ECMAScript 6 新特性

JavaScript高级之ECMAScript 6 新特性

2.1. let关键字 let关键字用来声明变量&#xff0c;使用 let声明的变量有几个特点&#xff1a; 不允许重复声明 块儿级作用域 不存在变量提升 不影响作用域链 应用场景&#xff1a;以后声明变量使用let就对了 案例&#xff1a;点击切换颜色 <!DOCTYPE html&g…
阅读更多...
sql 关联使用id还是code_R语言实例：用glue批量生成SQL语句

sql 关联使用id还是code_R语言实例：用glue批量生成SQL语句

背景在数据开发中&#xff0c;有些情况下&#xff0c;需要手动生成批量SQL&#xff0c;只需改变某个参数&#xff0c;比如日期&#xff0c;从某天到某天。之前有一个实例&#xff0c;是用 stringr::str_replace_all() 去实现&#xff0c;这次就用 glue 来做示例&#xff0c;会更…
阅读更多...
JavaScript高级之ECMASript 7、8 、9 、10 新特性

JavaScript高级之ECMASript 7、8 、9 、10 新特性

第3章 ECMASript 7 新特性 3.1. Array.prototype.includes Includes 方法用来检测数组中是否包含某个元素&#xff0c;返回布尔类型值 3.2. 指数操作符 在ES7中引入指数运算符「 **」&#xff0c;用来实现幂运算&#xff0c;功能与 Math.pow结果相同 第4章 ECMASript 8 新特…
阅读更多...
swagger core 和 swagger ui 如何关联【窥探】

swagger core 和 swagger ui 如何关联【窥探】

几个片段&#xff1a; package io.swagger.jaxrs.listing;import io.swagger.annotations.ApiOperation; import org.apache.commons.lang3.StringUtils;import javax.servlet.ServletConfig; import javax.servlet.ServletContext; import javax.ws.rs.GET; import javax.ws.r…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023