http 模块

发表于2016-10-15更新于2020-03-12字数统计1.9k阅读时长13分

一个网站的加载流程粗略的流程大概如下：

  1. 用户通过浏览器发送一个http的请求到指定的主机
  2. 服务器接收到该请求，对该请求进行分析和处理
  3. 服务器处理完成以后，返回对应的数据到用户机器
  4. 浏览器接收服务器返回的数据，并根据接收到的进行分析和处理

最简单的web服务器

我们需要搭建一个 http 的服务器，用于处理用户发送的 http 请求，在 node 中有 http 核心模块可以在很简单的几句话就帮我们启动一个服务器。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
// 导入http模块:
var http = require('http');
// 创建http server，并传入回调函数:
var server = http.createServer(function (request, response) {
    // 回调函数接收request和response对象,
    console.log('有客户端请求了.....');
    // 将HTTP响应200写入response, 同时设置Content-Type: text/html:
    response.writeHead(200, {'Content-Type': 'text/html'});
    // 将HTTP响应的HTML内容写入response:
    response.write('<h1>hello World!</h1>');
    response.end();
});
// 让服务器监听8888端口:
server.listen(8888);
console.log('Server is running at http://127.0.0.1:8888/');

就这几行代码，我们就搭建了一个简单服务器，当我们将其运行，访问地址能在浏览器中显示我们熟悉的 hello World!,迈出了第一步。

下面我们来看看几个重要的地方：

核心方法

创建与监听

首先我们来看创建http server的代码：

  • var server = http.createServer([requestListener]) :创建并返回一个HTTP服务器对象
  • requestListener : 监听到客户端连接的回调函数
    在这里可以看到我们的回调函数是可选的，我们还可以使用事件监听器来进行，监听到客户端连接之后的操作,如：
    server.on('request', function(req, res) {// do ....})
    我们要在用户访问时做一些什么，都会在这里。

再看监听端口的代码，在这里我们只是简单的写了一下监听的端口，它的可选项都没有去设置

  • server.listen(port, [hostname], [backlog], [callback]) :监听客户端连接请求,只有当调用了 listen 方法以后,服务器才开始工作
    • port : 监听的端口
    • hostname : 主机名(IP/域名),可选
    • backlog : 连接等待队列的最大长度,可选
    • callback : 调用listen方法并成功开启监听以后,会触发一个 listening事件,callback将作为该事件的执行函数,可选

看完了创建与监听的方法，我们再看看看，我们在监听到客户端连接的回调函数 server.on('request', function(req, res) {// do ....}) 中看到有两个参数 request 和 response ，
在这两个参数中，我们可以去获得用户的当前请求一些信息,比如头信息,数据等待，还可以向该次请求的客户端输出返回响应，下面我们一起看看它里面的内容

request 对象

参数request对象是 http.IncomingMessage 的一个实例,通过它 ，我们可以获取到这次请求的一些信息,比如头信息,数据，url参数等等
这里简单的列一下最常见的:

  • httpVersion: 使用的http协议的版本
  • headers : 请求头信息中的数据
  • url : 请求的地址
  • method : 请求方式

response 对象

参数 response对象是 http.ServerResponse(这是一个由HTTP服务器内部创建的对象) 的一个实例，通过它 我们可以向该次请求的客户端输出返回响应。

  • response.writeHead(statusCode, [reasonPhrase], [headers])：向请求回复响应头，这个方法只能在当前请求中使用一次，并且必须在response.end()之前调用。
    • statusCode： 一个三位数的HTTP状态码, 例如 404
    • reasonPhrase：自行设置http响应状态码对应的原因短语
    • headers：响应头的内容
  • write(chunk, [encoding]) : 发送一个数据块到响应正文中 ,如果这个方法被调用但是 response.writeHead() 没有被调用，
    它将切换到默认header模式并更新默认的headers。chunk可以是字符串或者缓存。如果chunk 是一个字符串，
    第二个参数表明如何将这个字符串编码为一个比特流。默认的 encoding是’utf8’。
  • end([data], [encoding]): 当所有的正文和头信息发送完成以后,调用该方法告诉服务器数据已经全部发送完成了。
    这个方法在每次完成信息发送以后必须调用,并且是最后调用,如果指定了参数 data , 就相当于先调用response.write(data, encoding)之后再调用 response.end()
  • setHeader(name, value) : 为默认或者已存在的头设置一条单独的头信息：如果这个头已经存在于 将被送出的头中，将会覆盖原来的内容。如果我想设置更多的头， 就使用一个相同名字的字符串数组
    如：response.setHeader("Set-Cookie", ["type=ninja", "language=javascript"]);

看了那么多api，是时候实践一把了，我们再来对原来的代码进行一点改造～

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
// 导入http模块,url 模块
var http = require('http');
var url = require('url')
// 创建http server
var server = http.createServer();
server.on('request', function (req, res) {
    // 将HTTP响应200写入response, 同时设置Content-Type: text/html:
    res.writeHead(200, {
        'Content-Type': 'text/html'
    });
    var urlObj = url.parse(req.url);
    //根据用户访问的url不同展示不同的页面
    switch (urlObj.pathname){
        // 这是首页
        case '/':
            res.write('<h1>这是里首页</h1>');
            break;
        case '/user':
            res.write('<h1>这里是个人中心</h1>');
            break;
        default :
            res.write('<h1>你要找的页面不见了～</h1>');
            break;
    }
    // 将HTTP响应的HTML内容写入response:
    res.end();
});
server.listen(8888);
console.log('Server is running at http://127.0.0.1:8888/');

启动一下该js文件，并且通过不同的url不同的后缀,如 / 和 /user 去访问这个地址，看看浏览器的输出，应该已经变了。

这就是通过简单的的url处理，来实现的路由机制拉～

url 处理响应不同 html

当然这里我们再继续深入一下！结合 node 的文件系统（fs模块），使不同的url，直接读取不同的 html 文件,示例：

准备工作: 在当前文件目录下建立html文件夹, 并且新增文件 index.html与 user.html，内容自行发挥

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
var http = require('http');
var url = require('url');
var fs = require('fs');

var server = http.createServer();
// 读取我们当前文件所在的目录下的 html 文件夹
var HtmlDir = __dirname + '/html/';
server.on('request', function(req, res) {
    var urlObj = url.parse(req.url);
    switch (urlObj.pathname) {
        case '/':
            //首页
            sendData(HtmlDir + 'index.html', req, res);
            break;
        case '/user':
            //用户首页
            sendData(HtmlDir + 'user.html', req, res);
            break;
        default:
            //处理其他情况
            sendData(HtmlDir + 'err.html', req, res);
            break;
    }
});

/**
 * 读取html文件，响应数据，发送给浏览器
 * @param {String} file 文件路径
 * @param {Object} req request
 * @param {Object} res response 对象
 */
function sendData(file, req, res) {
    fs.readFile(file, function(err, data) {
        if (err) {
            res.writeHead(404, {
                'content-type': 'text/html;charset=utf-8'
            });
            res.end('<h1>你要找的页面不见了～</h1>');
        } else {
            res.writeHead(200, {
                'content-type': 'text/html;charset=utf-8'
            });
            res.end(data);
        }

    });
}
server.listen(8888);
console.log('Server is running at http://127.0.0.1:8888/');

运行文件，切换url，程序会将不同的页面返回。大家自己去试试吧！

这是对于 node 的 http模块 的学习，理解有限，如果有错误之处，请指出，谢谢！

本文地址：//guowenfh.github.io/2016/10/15/node-http/

使用搜索：谷歌必应百度