浅谈HTTP请求与响应
请求与响应模型
请求响应.png
(图片来自饥人谷)
服务器好比一个没有显示器的电脑主机，客户端就我们所使用的的电脑
1.如何发送请求
方法：
- 用Chrome地址栏
- 用curl命令
概念：
- 帮你发请求的工具叫做「用户代理」
- 英文名User Agent
使用node.js中的一个http模块来模仿简单的请求与响应
var http = require('http')
var fs = require('fs')
var url = require('url')
var port = process.argv[2]
if(!port){
console.log('请指定端口号：\nnode server.js 8888 类似这样')
process.exit(1)
}
var server = http.createServer(function(request, response){
var parsedUrl = url.parse(request.url, true)
var pathWithQuery = request.url
var queryString = ''
if(pathWithQuery.indexOf('?') >= 0){ queryString = pathWithQuery.substring(pathWithQuery.indexOf('?')) }
var path = parsedUrl.pathname
var query = parsedUrl.query
var method = request.method
console.log('有人发请求过来啦！路径（带查询参数）为：' + pathWithQuery)
if(path === '/'){
response.statusCode = 200
response.setHeader('Content-Type', 'text/html;charset=utf-8')
response.write(`二哈`)
response.end()
} else if(path === '/x'){
response.statusCode = 200
response.setHeader('Content-Type', 'text/css;charset=utf-8')
response.write(`body{color: red;}`)
response.end()
} else {
response.statusCode = 404
response.setHeader('Content-Type', 'text/html;charset=utf-8')
response.write(`你输入的路径不存在对应的内容`)
response.end()
}
})
server.listen(port)
console.log('监听 ' + port + ' 成功\n请用在空中转体720度然后用电饭煲打开 http://localhost:' + port)
注意：
- 这些代码就是服务器代码，一般放在服务器上
- path是不带查询参数的路径/x
- query是查询参数的对象形式{a:'1'}
- queryString是查询参数的字符串形式?a=1
- pathWithQuery是带查询参数的路径，一般不用
- request是请求对象
- response是响应对象
- URL 里的后缀卵用没有，/y.css不一定是 CSS内容
- Content-Tvpe才是决定文件类型的关键
代码逻辑：
- 每次收到请求都会把中间的代码执行一遍
- 用if else判断路径，并返回响应
- 如果是已知路径,一律返回200
- 如果是未知路径，一律返回404
- Content-Type表示内容的「类型/语法」
- response.write()可以填写返回的内容
- response.end()表示响应可以发给用户了
2.HTTP请求和响应的规范写法
请求
- 请求动词 路径加查询参数 协议名/版本 (请求行)
- Host:域名或IP端口号 (请求头)
- Accept: text/ html... 接受的内容 (请求头)
- Content-Type:请求体的格式 (请求头)
- 回车
- 请求体(也就是上传内容) (请求体)
细节
- 三部分:请求行、请求头、请求体
- 请求动词有GET/POST /PUT/ PATCH / DELETE等
- 请求体在 GET请求中一般为空
- 文档位于 RFC 2612第五章 https://www.w3.org/Protocols/rfc2616/rfc2616-sec5.html
- 大小写不敏感
响应
- 协议名/版本状态码状态字符串
- Content-Type:响应体的格式
- 回车
- 响应体(也就是下载内容)
细节
- 三部分:状态行、响应头、响应体
- 常见的状态码是考点
- 文档位于RFC 2612第六章 https://www.w3.org/Protocols/rfc2616/rfc2616-sec6.html
3.用curl 构造请求
- curl -v http：//127.0.0.1：8888
设置请求动词
- -X POST
- 注意大小写
设置路径和查询参数
- 直接在url后面加
设置请求头
- -H 'Name: Value'或者--header 'Name: Value'
设置请求体
- -d '内容'或者--data '内容'
4.用Node.js读取请求
读取请求动词
- request.method
读取路径
- request.url路径，带查询参数
- path纯路径，不带查询参数
- query只有查询参数
读取请求头
- request.headers['Accept']
读取请求体
- 比较复杂可以查阅资料
5.用Node.js设置响应
设置响应状态码
- response.statusCode = 200
设置响四头
- response.setHeader('Content-Type', 'text/html');
设置响应体
- response.write('内容')
- 可追加内容
