HTTP请求和响应

卷心菜wanwan
452 阅读3分钟

1. 请求和响应模型

sW2dzT.png

2. 如何发请求

方法：

  1. Chrome的地址栏里面输入
  2. 用curl命令（curl的用法指南）

概念

  1. 帮你发请求的工具叫"用户代理"
  2. 英文：User Agent

3. 如何做出响应

需用编程

  1. Node.js的http模块
  2. 初始化代码在这里
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(`
    <!DOCTYPE html>
    <head>
    <link rel="stylesheet" href="/x">
    </head>
    <body>
    <h1>这是一个标题</h1>
    <body>
    
    `)
    response.end()
  } else if(path === '/x'){
    response.statusCode = 200
    response.setHeader('Content-Type', 'text/css;charset=utf-8')
    response.write(`h1{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)

注意事项

  1. 以上的代码就是服务器的代码，一般在服务器上。
  2. path是不带查询参数的路径 /x
  3. query是查询参数的对象形式 {a:'1'}
  4. queryString是查询参数的字符串形式 ?a=1
  5. pathWithQuery是带查询参数的路径，一般不用
  6. request是请求对象
  7. response的响应对象

代码里的注意事项

  1. '这种字符串'里的回车要用\n
` 这种字符串 `里的回车可以直接回车
  1. 逻辑：
  • 每次收到请求，会把代码中间的部分执行一次
  • 根据if else判断路径，返回相应的响应
  • if已知路径，返回200
  • if未知路径，返回404
  • Content-Type表示内容的[类型/语法]
  • response.write()里写response的内容
  • response.end()表示响应可以发给用户了

HTTP基础概念

请求

  1. 请求动词 + 路径 + 查询参数 + 协议名/版本
  2. Host:域名或IP
  3. Accept:text/html
  4. Content-Type: 请求体的格式。content-type:text/html, css (是html就是html)
  5. 请求体（即上传的内容）。告诉服务器想接受的内容（如xml，HTML，png……）
  1. 请求具体分为3部分：请求行+请求头+请求体
  2. 请求动词：GET,POST,PUT,PATCH,DELETE
  3. 请求体在get中一般为空
  4. 大小写不敏感

响应

  1. 协议名/版本 + 状态码 + 状态字符串
  2. Content-Type：响应体的格式：
  3. 响应体（即下载内容）
  1. 三部分：状态行+ 响应头+ 响应体
  2. 知道常见状态码（考点）

用curl构造请求

  1. 设置请求动词
  • -X POST
  • 注意大小写
  1. 设置路径和请求参数
  • 直接在url后面
  1. 设置请求头
  • -H 'Name:Value' 或者 -header 'Name:Value'
  1. 设置请求体
  • -d '内容' 或者 -data '内容'

Node.js设置响应

  1. 设置响应状态码
  • response.statusCode = 200
  1. 设置响应头
  • response.setHeader('Content-Type','text/html')
  1. 设置响应体
  • response.write('内容')
  • 可以追加内容
  1. 举例
avatar
文章
阅读
粉丝