1 http协议
// 1、引入网站服务器的模块
const http = require('http');
// 2、创建网站服务器对象
const app = http.createServer();
1.1 请求报文
- 请求方式(req.method)
- GET:请求数据。
- POST:发送数据
- 请求地址(req.url)
- 请求内容(req.headers)
app.on('request',(req,res)=>{
req.method; //获取请求方式
req.url; //获取请求地址
req.headers;//获取请求保文
//结束此次请求,并做响应
res.end('<h2>hello 小伙子</h2>');
});
// 监听端口 向外提供服务
app.listen(3000,()=>{
console.log('创建成功!');
});
1.2 响应报文
-
HTTP状态码
- 200请求成功。
- 404请求的资源找不到。
- 400客户端请求错误。
- 500服务器端错误。
//设置状态码方法 res.writeHead(404);
-
内容类型
- text/html
- text/css
- application/javascript
-
image/jpeg
- application/json
// 设置状态码 内容类型 res.writeHead(200,{ 'content-type':'text/html;charset=utf-8' });
2 HTTP请求与响应处理
2.1 请求参数
客户向服务器发送请求时,可能会携带一些信息,信息需要通过请求参数的形式上传到服务器端。
2.2 GET请求参数
参数被放置在浏览器地址栏中。例如http://www.user.com?name=silly&paw=123456
const url = require('url');
// 获取请求地址
console.log(req.url);
/*解析url地址
参数1:要解析的url地址
参数2:将查询对象解析为对象形式*/
console.log(url.parse(req.url,true));
//解构赋值 输出具体对象值
//let params = url.parse(req.url,true).query;
let {query,pathname} = url.parse(req.url,true);
console.log(query.name + query.paw);
2.3 POST请求参数
- post参数通过事件的方式接收,参数被放在请求体中进行传输。
- 使用data和end事件获取POST参数。
- 请求参数传递的时候触发data事件
- 参数传递完成之后触发end事件
- 使用querystring系统模块将参数转化为对象格式。
//引入参数处理模块
const querystring = require('querystring');
app.on('request',(req,res) => {
let chuck = '';
//监听参数传输事件
req.on('data',(chuck) => nullString += chuck;);
//监听事件传输完成事件
req,on('end',() => {
console.log(nullString);
});
res.end('响应结束');
});
2.4 静态资源
不需要服务器处理,可以直接响应给客户端的资源就是静态资源。如css、js、images等。http://www.try.com/images/logo.png
- 静态资源访问。
- 将一个静态页面放入一个public文件夹内,利用静态资源访问。
// 引入需要的模块
const http = require('http');
const app = http.createServer();
const url = require('url');
const path = require('path');
const fs = require('fs');
const mime = require('mime');
// 客户端有请求时触发请求事件
app.on('request',(req,res)=>{
// 请求路径url
let pathName = url.parse(req.url).pathname;
pathName = pathName == '/' ? '/index.html' : pathName;
// 将请求路径转换为实际的服务器硬盘路径
let realPath = path.join(__dirname,'public',pathName);
// 动态获取当前请求的数据类型格式
let nowType = mime.getType(realPath)
/*
读取文件
回调函数参数1是错误信息、参数2是文件内容
*/
fs.readFile(realPath,(error,reslut)=>{
if(error != null){
res.writeHead(404,{
'content-type':'text/html;charset=utf-8',
});
res.end('文件读取失败');
// 不再往下跑代码
return;
}
//页面正常载入
res.writeHead(200,{
'content-type':nowType,
});
res.end(reslut);
})
});
// 4、监听端口
app.listen(3000,()=>{
console.log('创建成功!');
});
2.5 动态资源
相同的请求地址有不同的响应资源,这种就是动态资源。比如用户登录。
http://www.try.com/login?name=1&paw=123
http://www.try.com/login?name=2&paw=456
2.6 路由
路由是客户端请求地址与服务器端程序代码之间的对应关系。简言之,就是请求什么响应什么。
/*
1、引入系统模块http
2、创建网站服务器
3、为网站服务器对象添加请求事件
4、实现路由功能
*/
const http = require('http');
const url = require('url');
const app = http.createServer();
app.on('request',(req,res)=>{
// 获取请求方式
const method = req.method;
// 获取请求地址
const pathname = url.parse(req.url).pathname;
//状态码
res.writeHead(200,{
'content-type':'text/html;charset=utf-8'
})
if(method == 'GET'){
if(pathname == '/' || pathname == '/index'){
res.end('首页index');
}else if(pathname == '/list'){
res.end('列表list');
}else{
res.end('页面不存在');
}
}else if(method == 'POST'){
}
});
app.listen(3000,()=>{console.log('服务器现启动成功')})