Node处理请求

HTTP协议的概念

超文本传输协议（英文：HyperText Transfer Protocol，缩写：HTTP）规定了如何从网站服务器传输超文本到本地浏览器，它基于客户端服务器架构工作，是客户端（用户）和服务器端（网站）请求和应答的标准。
超文本就是除了包含文字以外还可以包含图片、声音、视频等等。

报文

在HTTP请求和响应的过程中传递的数据块就叫报文，包括要传送的数据和一些附加信息，并且要遵守规定好的格式。
报文是以冒号：分隔的键值对
General既包含了请求又包含响应的信息，是一些比较核心的信息
Response Headers包含响应的信息
Request Headers包含请求的信息

Accept：告诉服务器端，当前的我的客户端能够接收text/html、图片等格式的文件
Accept-Language：表示当前的客户端想要接收到zh、zh-CN（中文）等语言的响应

请求报文

• 请求方式 （Request Method）
  GET 请求数据
  直接输入地址访问就是get请求
  link标签的href属性
  script标签的src属性
  img标签的src属性
  Form表单提交
  POST 发送数据
  利用form表单提交post请求之后会发生默认的get请求跳转

2. 请求地址 （Request URL）

app.on('request', (req, res) => {
     req.headers  // 获取请求报文
     req.url      // 获取请求地址
     req.method   // 获取请求方法
 });

GET请求参数

参数被放置在浏览器地址栏中，例如：http://localhost:3000/?name=zhangsan&age=20
参数获取需要借助系统模块url，url模块用来处理url地址

const http = require('http');
 // 导入url系统模块 用于处理url地址
 const url = require('url');
 const app = http.createServer();
 app.on('request', (req, res) => {
     // 将url路径的各个部分解析出来并返回对象
         // true 代表将参数解析为对象格式
     let {query} = url.parse(req.url, true);
     console.log(query);
 });
 app.listen(3000);

POST请求参数

参数被放置在请求体中进行传输
POST参数需要使用data事件和end事件接收，post参数不是一次就接收完的
当参数传递的时候触发data事件，当参数传递完成的时候触发end事件
使用querystring系统模块将参数转换为对象格式

// 导入系统模块querystring 用于将HTTP参数转换为对象格式
 const querystring = require('querystring');
 app.on('request', (req, res) => {
     let postData = '';
     // 监听参数传输事件
     req.on('data', (chunk) => postData += chunk;);
     // 监听参数传输完毕事件
     req.on('end', () => { 
         console.log(querystring.parse(postData)); 
         // 重定向 状态码是301，Location是跳转的地址
         res.writeHead(301,{
         	Location: '/list'
         });
         // 要写end代表处理结束
         res.end();
     }); 
 });

响应报文

1. HTTP状态码
   200 请求成功
   404 请求的资源没有被找到
   500 服务器端错误
   400 客户端请求有语法错误
2. 内容类型
   text/plain （这是纯文本，浏览器不会解析里面html标签）
   text/html
   text/css
   application/javascript
   image/jpeg
   application/json

app.on('request', (req, res) => {
     // 设置响应报文，第一个参数是响应码，不写的话默认是200；第二个参数是一个对象，其实就是响应报文头的信息
     res.writeHead(200, {
     	'Content-Type': 'text/html;charset=utf8'
     });
 });

静态资源

服务器端不需要处理，可以直接响应给客户端的资源就是静态资源，例如CSS、JavaScript、image文件。

动态资源

相同的请求地址不同的响应资源，这种资源就是动态资源。
第三方模块 mime 可以根据请求路径分析出资源的类型，然后把类型返回回来。 npm install mime

const http = require('http');
const url = require('url');
const path = require('path');
const fs = require('fs');
const mime = require('mime');
const app = http.createServer();
app.on('request', (req, res) => {
	// 获取用户的请求路径
	let pathname = url.parse(req.url).pathname;
	pathname = pathname == '/' ? '/default.html' : pathname;
	// 将用户的请求路径转换为实际的服务器硬盘路径
	let realPath = path.join(__dirname, 'public' + pathname);
	let type = mime.getType(realPath) //根据请求路径分析出资源的类型
	// 读取文件
	fs.readFile(realPath, (error, result) => {
		// 如果文件读取失败
		if (error != null) {
			res.writeHead(404, {
				'content-type': 'text/html;charset=utf8'
			})
			res.end('文件读取失败');
			return;
		}
		res.writeHead(200, {
			'content-type': type
		})
		res.end(result);
	});
});
app.listen(3000);
console.log('服务器启动成功')