http服务器开发笔记(一)——先跑起来

时间:2023-01-25 20:36:22

做了很多年的web相关开发,从来也没有系统的学习http协议,最近正好工作不怎么忙,准备系统的学习一下。

接下来准备自己写一小型的http服务器来学习,因为现在对JavaScript比较熟悉,所以决定用node.js来编写。

 

实际上node.js已经内置http服务器的相关接口直接调用就能处理http相关请求啦(nodejs的http文档),但我要从头开发所以不使用这个接口,而是直接操作socket来开发。

node.js的socket相关接口在net包里面,下面先让服务器运行起来,先上代码。

代码使用了es6语法,不了解的朋友可以看看阮一峰写的教程ECMAScript 6 入门;如果对http协议也不了解可以看看《图解HTTP》这本书。

// httpserver.js
const net = require('net') // 建立socket服务器 const server = net.createServer() // 监听网络连接请求 server.on('connection', (socket) => { // 监听socket接收数据事件 socket.on('data', (data)=> { // 响应实体数据 data =  Buffer.from('你好! HTTP') // 响应首部数据 head = ` HTTP/1.1 200 OK Content-Length: ${data.length} Content-Type: text/html ` content = `${head}\r\n\r\n${data.toString()}`// 返回响应数据 socket.end(content) }) }) // 监听9001端口 server.listen(9001, () => { console.log('opened server on', server.address()) })

在命令行输入 node httpserver.js 这样一个最简单的http服务器就运行起来了,在本机浏览器访问 localhost:9001 看看是不是显示了 “你好! HTTP”。

http服务器开发笔记(一)——先跑起来

 

这段代码一共做了这么几件事

  1. 建立一个socket服务器,监听9001端口的请求
  2. 监听网络连接请求
  3. 生成http响应首部字段和响应实体数据

对于http来说最重要的就是生成http响应数据了,下面一张显示了http请求和响应数据的格式

http服务器开发笔记(一)——先跑起来

 

下面这段就是响应报文首部:

HTTP/1.1 200 OK                 // 告诉浏览器服务器支持HTTP/1.1  返回码200表示请求被正常处理 (返回码有很多以后会用到)
Content-Length: ${data.length}  // 返回数据的长度(字节)
Content-Type: text/html         // 返回内容的数据类型(返回数据类型也有很多以后也会用到)

有几点必须注意:

  • 字段间换行符用的是\r\n,从每二行开始头和换行符之间千万不要加空格或其它不可见字符,我在几个主流浏览器上测试没有一个能正常解析的。

    加空格是这个样子

    http服务器开发笔记(一)——先跑起来

    不加空格是这个样子

     http服务器开发笔记(一)——先跑起来

  • 字段Content-Length单位是字节,如果返回报文主体数据时包含中文,不能直接使用String的length属性,length会把1个汉字长度认为是1会显示不全。这个字段不加的话大多数浏览器也能正确显示, 如果长度不对会显示不全。

报文首部下面就是报文主体了,首部和主体之间也是就\r\n分割的,主体和换行符之间什么字符都不要加,否则会把字符算到报文主体里面。

到这里可能会有疑问,既然都用\r\n分割那么如何判断哪个是报文首部哪个是主体部分呢,其实主体前面有两对\r\n,浏览器就是根据这个判断的。

可以只用一对\r\n试试,会看到浏览器不会正常显示 “你好! HTTP”的。


转载请注明出处:http://www.cnblogs.com/oliverliye/p/6424188.html