HTTP基础概念

83 阅读2分钟

一、请求request

请求格式
  1. 请求格式:请求动词 路径(可加查询参数) 协议名/版本
  2. HOST:域名或IP
  3. Accent:text/html (作用:告诉服务器想要接收什么)
  4. Content-Type:请求体的格式
  5. 回车(必须加一个回车)
  6. 请求体(上传的内容,可是任意内容但是必须在Content-Type中声明格式)
细节注意
  1. 分为三部分:请求行、请求头(上述2/3/4)、请求体
  2. 请求动词:GET获取/POST上传/PUT/PATCH/DELETE等
  3. 请求体在GET中一般为空
  4. 文档在RFC-2612第五章
  5. 大小写都可

二、响应response

请求格式
  1. 语法:协议名/版本 状态码(默认200) 状态字符串
  2. Content-Type:响应格式
  3. 回车
  4. 响应体(下载内容)
细节注意
  1. 三部分:状态行 响应头 响应体
  2. 常见的状态码(需要记住)
  3. 文档在RFC26162第六章

三、用curl构造请求

语法:curl -v -x POST http://127.0.0.1:8888
  1. 设置请求动词:-x POST (注意大小写)
    例:-v -x POST http://......
  2. 设置路径和查询参数:直接在url 后面加
  3. 设置请求头 -H 'Name:Value' 或--header'Name:Value'
    例:curl -v -H 'Accept:text/html' http://......
  4. 设置请求体:-d'内容'或--date'内容'

四、用Node.js读取请求

  1. 读取请求动词:request.method
  2. 读取路径:request.url路径,带查询参数
    PATH纯路径,不带查询参数
    query只有查询参数
  3. 读取请求头:request.getHeader('Accept')
  4. 读取请求体

五、用Node.js设置响应

  1. 设置响应码状态:request.statusCode=200
  2. 设置响应头:request.setHeader('Content-Type','text/html')
  3. 设置响应体:response.write('内容')

六、学习HTTP必须会的

  1. 如何调试:Node.js
  2. 查资料:Node.js文档
  3. 标准制定者:HTTP规范文档:RFC2612
  4. html标准制定:W3C

七、举例

要求:写一个Node.js服务器程序:

  • 运行 node server.js 8888 可以成功监听 8888 端口
  • 访问 http://localhost:8888 得到一个 HTML 页面,页面里面有一个 h1 标签,并且页面会请求一个 style.css
  • style.css 内容为 h1{color: red}
  • 访问其他未知路径一律提示「你访问的页面不存在」,并且状态码为 40

答案:github.com/alice123guo…

if(path === '/'){
    response.statusCode = 200;
    response.setHeader('Content-Type', 'text/html;charset=utf-8');
    response.write(`
    <!DOCTYPE html>
    <head>
      <title>node.js服务器学习1</title>
      <link rel="stylesheet" href="/style.css">
    </head>
    <body>
      <h1>这里有一个h1标签</h1>
      <script src="/y"></script>
    </body>
    </html> `);
    response.end();
  } else if(path === '/style.css'){
    response.statusCode = 200
    response.setHeader('Content-Type', 'text/css;charset=utf-8')
    response.write(`h1{color: red;}`)
    response.end()
  }else if(path === '/content.js'){
    response.statusCode = 200
    response.setHeader('Content-Type', 'text/js;charset=utf-8')
    response.write(`这里是js内容`)
    response.end()
  }

  else {
    response.statusCode = 404
    response.setHeader('Content-Type', 'text/html;charset=utf-8')
    response.write(`你输入的路径不存在对应的内容`)
    response.end()
  }

成功运行1.png

上图:成功运行

其他路径404.png

上图:其他路径404