文章目录

  • Node中的Http
  • 一、HTTP服务器
  • 1.http.server事件
  • 2.http.ServerRequset请求信息
  • 3.获取GET请求内容
  • 4.获得POST请求内容
  • 5.http.ServerResponse返回客户端信息
  • 6. 响应乱码
  • 7. 不同地址响应不同内容
  • 二、Express 框架
  • 2.1Express框架是什么
  • 2.3Express 框架特性
  • 2.4基本使用（入门代码）
  • 2.5express的get和post请求
  • 2.6获取请求参数
  • (1)req.query
  • 2.7获取动态参数


Node中的Http

  • Node中提供了http模块，其中封装了高效的http服务器和http客户端
  • http.Server是一个基于事件的http服务器，内部是由c++实现的，接口是由JavaScript封装
  • http.request是一个http客户端工具。 用户向服务器发送数据。

一、HTTP服务器

http.Server实现的，它提供了一套封装级别很低的API，仅仅是流控制和简单的解析，所有的高层功能都需要通过它的接口，就像在前面的文章《Node入门必须知道的事情》中创建的服务器一样是特别的简单的。

1.http.server事件

HTTP服务器的所有功能，它继承自EventEmitter，提供了以下的事件:

  1. request:当客户端请求到来的时候，该时间被触发，提供两个参数request 和 response，分别是http.ServerRequest 和 http.ServerResponse 表示请求和响应的信息
  2. connection:当TCP建立链接的时候，该时间被处罚，提供了一个参数 socket ，为net.socket的实例(底层协议对象)
  3. close:当服务器关闭的时候会被触发
  4. 除此之外还有 checkContinue、upgrade、clientError等事件
    我们最常用的还是request事件，http也给这个事件提供了一个捷径：http.createServer([requestListener])

使用request事件的案例:

const http = require('http');
function  a(){
    console.log("dajiahao");
}
var server = new http.Server();
server.on('request',(req,res)=>{
    console.log(req.url);
    //设置应答头信息
    res.writeHead(200,{'Content-Type':'text/html'});
    res.write('hello we are family<br>');
    res.end('server already end\n');
});
//显示了三次这也证明了TCP的三次握手
server.on('connection',()=>{
    a();
});
server.on('close',()=>{
    console.log('server will close');
});
//关闭服务为了触发close事件
server.close();
server.listen(80);

使用http的给的捷径http.createServer制作的代码:

const http = require('http');
http.createServer(function(req,res){
    res.writeHead(404,{'Content-Type':'text/plain'})
    res.write("we are is content");
    res.end("fdsa");
}).listen(3000);

2.http.ServerRequset请求信息

我们都知道HTTP请求分为两部分：请求头和请求体，如果请求的内容少的话就直接在请求头协议完成之后立即读取，请求体可能相对较长一点，需要一定的时间传输。因此提供了三个事件用于控制请求体传输.

(1)data：当请求体数据到来时，该事件被触发，该事件一共一个参数chunk，表示接受到的数据。
(2)end：当请求体数据传输完成时，该事件被触发，此后将不会再有数据到来。
(3)close：用户当前请求结束时，该事件被触发，不同于end，如果用户强制终止了传输，也会触发close

ServerRequest的属性

名称

含义

ccomplete

客户端请求是否已经发送完成

HttpVersion

HTTP协议版本，通常是1.0或1.1

httpVersion

HTTP协议版本，通常是1.0或1.1

method

HTTP请求方法，如：GET,POST

url

原始的请求路径

headers

HTTP请求头

trailers

HTTP请求尾(不常见)

connection

当前HTTP连接套接字，为net.Socket的实例

socket

connection属性的别名

client

client属性的别名

http.createServer(function(req,res){
    console.log(req.httpVersion);
    //console.log(req.socket);
    console.log(req.headers);
    console.log(req.method);
    res.writeHead(404,{'Content-Type':'text/plain'})
    res.write("we are is content");
    res.end("fdsa");
}).listen(80);

3.获取GET请求内容

由于GET请求直接被嵌入在路径中,URL完整的请求路径，包括了?后面的部分，因此你可以手动解析后面的内容作为GET的参数，Nodejs的url模块中的parse函数提供了这个功能

const http = require("http");
const server = http.createServer();
server.on("request", (req, res) => {
  console.log(req.url); //获取请求地址
  console.log(req.method); //获取请求方式
});
server.listen(80, () => {
  console.log("server is listen:127.0.0.1");
});

4.获得POST请求内容

POST请求的内容全部都在请求体中，http.ServerRequest并没有一个属性内容为请求体，原因是等待请求体传输可能是一件耗时的工作。譬如上传文件。恶意的POST请求会大大消耗服务器的资源。所以Nodejs是不会解析请求体，当你需要的时候，需要手动来做。
简单的看一下代码：

const http = require('http');
const net  = require('net');
const url  = require('url');
const util = require('util');
//querystring用于处理URL中的查询字符串
const querystring = require('querystring');

http.createServer((req,res)=>{
    var posr = '';
    req.on('data',(chunk)=>{
        post+=chunk;
    });
    res,on('end',()=>{
        //将字符串变为json的格式
        post  =  querystring.parse(post);
        //向前端返回字符串
        res.end(util.inspect(post));
    });
})

5.http.ServerResponse返回客户端信息

决定了用户最终能到的结果，它是由http.Server的request事件发送的，作为第二个参数传递。一般为response或res

主要的三个函数：

response.writeHead(statusCode,[headers])：向请求的客户端发送响应头。

statusCode是HTTP的状态码，如200为成功，404未找到等。

headers是一个类似关联数组的对象，表示响应头的每个属性。

response.write(data,[encoding]) 向请求客户端发送相应内容，data是buffer或字符串，encoding为编码

response.end([data],[encoding]) 结束响应，告知用户所有发送已经完成，当所有要返回的内容发送完毕，该函数必须被调用一次，如果不调用，客户端永远处于等待状态

6. 响应乱码

服务器给客户端响应内容的时候有的时候由于编码格式会显示乱码，我们设置如下：

const http = require("http");
const server = http.createServer();
server.on("request", (req, res) => {
  res.setHeader("Content-Type", "text/html;charset=utf-8");
  res.end(req.url + req.method);
});
server.listen(80, () => {
 .....
});

7. 不同地址响应不同内容

const http = require("http");
const server = http.createServer();
server.on("request", (req, res) => {
  let content = "";
  if (req.url == "/" || req.url == "/index.html") {
    content = "<h1>首页内容</h1>";
  } else if (req.url == "/detail.html") {
    content = "<h1>详情页内容</h1>";
  } else {
    content = "<h1>你访问的页面不存在</h1>";
  }
  res.setHeader("Content-Type", "text/html;charset=utf-8");
  res.end(content);
});
server.listen(80, () => {
  console.log("server is listen:127.0.0.1");
});

二、Express 框架

2.1Express框架是什么

Express 是一个基于Node平台的web应用开发框架，它提供了一系列的强大特性，帮助你创建各种web应用

下载

npm install express@4.17.1

2.3Express 框架特性

  • 提供了简洁的路由定义方式
  • 对获取http请求参数进行简化处理
  • 对模板引擎支持程度高，方便渲染动态HTML页面
  • 拥有中间件机制有效控制http请求
  • 拥有大量第三方中间件功能进行扩展

2.4基本使用（入门代码）

// 引入 express 框架
const express = require('express')
// 创建网站服务器
const app = express();

app.get('/', (req, res) => {
    // send()
    // 1. send 方法内部会检测响应内容的类型
    // 2. send 方法会自动设置 http 状态码
    // 3. send 方法还会帮我们自动设置响应的内容类型以及编码
    res.send('Hello Express');
})
app.get('/list', (req, res)=> {
    // 向客户端直接响应一个对象 
    res.send({name: 'zhangsan', age: 20});
})
// 监听端口
app.listen(80);
console.log('网站服务器启动成功');

2.5express的get和post请求

const express = require("express");
const app = express();
// 发送get请求
app.get("/user", (req, res) => {
  res.send({ code: 200, msg: "响应get请求成功", status: 1 });
});
// 发送get请求
app.post("/user", (req, res) => {
  res.send({ code: 200, msg: "响应post请求成功", status: 1 });
});
app.listen(80, () => {
  console.log("服务已经启动127.0.0.1");
});

通过postman来测试

node 好用的request包 node的http模块_es6/es7

2.6获取请求参数

(1)req.query

req.query可以获取客户端请求的参数

// 引入 express 框架
const express = require('express');
// 创建网站服务器
const app = express();

app.get('/index', (req, res) => {
    let msg =req.query //获取请求参数
    res.send({ code: 200, msg: msg.query, status: 1 });
})

// 监听端口
app.listen(3000);
console.log('服务器开启成功');

postman测试127.0.0.1/user?name=tom&age=23，结果如下：

{
    "code": 200,
    "msg": {
        "name": "tom",
        "age": "23"
    },
    "status": 1
}

node 好用的request包 node的http模块_服务器_02

2.7获取动态参数

req.params 动态获取参数

// 引入 express 框架
const express = require('express');
// 创建网站服务器
const app = express();

app.get("/user/:id/:name", (req, res) => {
    let msg = req.params;
    res.send({ code: 200, msg: msg, status: 1 });
  });

// 监听端口
app.listen(80);
console.log('服务器开启成功');

postman测试：127.0.0.1/user/1/tom，响应结果如下：

{
    "code": 200,
    "msg": {
        "id": "1",
        "name": "tom"
    },
    "status": 1
}