http服务器开发笔记（一）——先跑起来
做了很多年的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”。
这段代码一共做了这么几件事：
- 建立一个socket服务器，监听9001端口的请求
- 监听网络连接请求
- 生成http响应首部字段和响应实体数据
对于http来说最重要的就是生成http响应数据了，下面一张显示了http请求和响应数据的格式
下面这段就是响应报文首部：
HTTP/1.1 200 OK // 告诉浏览器服务器支持HTTP/1.1 返回码200表示请求被正常处理 （返回码有很多以后会用到）
Content-Length: ${data.length} // 返回数据的长度（字节）
Content-Type: text/html // 返回内容的数据类型（返回数据类型也有很多以后也会用到）
有几点必须注意：
- 字段间换行符用的是\r\n，从每二行开始头和换行符之间千万不要加空格或其它不可见字符，我在几个主流浏览器上测试没有一个能正常解析的。
加空格是这个样子
不加空格是这个样子
- 字段Content-Length单位是字节，如果返回报文主体数据时包含中文，不能直接使用String的length属性，length会把1个汉字长度认为是1会显示不全。这个字段不加的话大多数浏览器也能正确显示, 如果长度不对会显示不全。
报文首部下面就是报文主体了，首部和主体之间也是就\r\n分割的，主体和换行符之间什么字符都不要加，否则会把字符算到报文主体里面。
到这里可能会有疑问，既然都用\r\n分割那么如何判断哪个是报文首部哪个是主体部分呢，其实主体前面有两对\r\n，浏览器就是根据这个判断的。
可以只用一对\r\n试试，会看到浏览器不会正常显示 “你好！ HTTP”的。
