浅谈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('内容')
• 可追加内容