前端学习（二十六）请求响应原理及HTTP协议

服务器端基本概念

网站的组成

• 客户端与服务器
• 客户端：在浏览器中运行的部分，就是用户看到并与之交互的界面程序，使用HTML/CSS/JavaScript构建
• 服务器端：在服务器中运行的部分，负责存储数据和处理应用逻辑

客户端负责发起访问请求，服务器则要相应客户端的请求

Node网站服务器

能够提供网站访问服务的机器就是网站服务器，它能够接收客户端的请求，并对请求做出响应

IP地址

• IP地址是互联网中设备的唯一标识
• IP是Internet Protocol Address的简写，代表互联网协议地址

域名

• 由于IP地址难于记忆，因此产生了域名
• 域名就是IP的别名
• 在浏览器中输入域名，最终访问的还是IP地址

端口

端口是计算机与外界通讯交流的出口，用来区分服务器中提供的不同服务

URL

• URL：统一资源定位符（Uniform Resource Locator），在URL标注了要请求的服务器地址、端口号、资源地址等信息，是专为标识Internet网上资源位置而设的一种编制方式，平时所说的网页地址就是URL
• URL的组成
  • 传输协议://服务器IP或域名:端口/资源所在位置标识

创建web服务器

创建web服务器

//引入http模块
const http = require('http');
//创建web服务器
const app = http.createServer();
//为服务器添加请求事件request
//on方法用来添加事件
//参数1：事件名称-request
//参数2：事件处理函数
//事件处理函数参数1 req：请求对象
//事件处理函数参数2 res：响应对象
app.on('request', (req, res) => {
   
    //响应请求
    res.end('hello');
})
//使用默认端口80，如果不使用默认端口，访问时需要在末尾加冒号端口号
app.listen(80);

HTTP协议

• HTTP：超文本传输协议（HyperText Trander Protocol）规定了如何从网站服务器传输超文本到本地浏览器，它基于客户端服务器架构工作，是客户端和服务器请求和应答的标准
• 报文：在HTTP请求和响应的过程中传递的数据块就叫报文，包括要传送的数据和一些附加信息，并且要遵循规定好的格式

请求报文

• 请求方式：
  • GET：请求数据
  • POST：发送数据
• 请求地址：

app.on('request', (req, res) => {
   
    //请求的报文
    console.log(req.headers);
    //请求的地址
    console.log(req.url);
    //请求的方法
    console.log(req.method);
})

请求不同响应不同

app.on('request', (req, res) => {
   
    if (req.url == '/' || req.url == '/index')
        res.end('wellcome to index page');
    else if (req.url == '/list')
        res.end('list page');
    else
        res.end('not found');
})

响应报文

• HTTP状态码
  • 200 请求成功
  • 404请求的资源没有被找到
  • 500服务器端错误
  • 400客户端请求有语法错误
• 内容类型
  • text/html
  • text/css
  • application/javascript
  • image/jpeg
  • application/json
• 让客户端渲染HTML页面

app.on('request', (req, res) => {
   
    //写入响应头部
    res.writeHead(200, {
   
        //设置响应的文本类型和编码方式
        'content-type': 'text/html;charset=utf8'
    });
    res.end('<h2>wellcome to index page</h2>');
})

HTTP请求与响应处理

请求参数

客户端向服务器发送请求时，有时需要携带一些客户信息，客户信息需要通过请求参数传递到服务器，比如登陆的账号密码

GET请求参数

• 参数被放置在浏览器地址栏中，如：http://localhost/?name=zhangsan&age=20
• 参数获取需要借助系统模块url，url模块用来处理url地址

const http = require('http');
//用于处理URL地址
const url = require('url');
const app = http.createServer();
app.on(