揭秘HTTP请求的构造方式和HTTPS的工作过程，小白也能轻松搞懂

前端

2023-05-07 17:53:41

HTTP 请求：从零开始了解其构成

引言

当我们使用网络浏览器访问网站时，其实背后隐藏着复杂的通信机制，而 HTTP（超文本传输协议）正是这幕后台剧中的主角。HTTP 请求是浏览器与服务器之间沟通的桥梁，它携带了关键信息，例如我们希望查看的资源和我们希望采取的操作。

HTTP 请求的构成

HTTP 请求由以下部分组成：

请求方法： 指定我们希望对资源执行的操作，如 GET（获取资源）、POST（创建或更新资源）、PUT（更新现有资源）、DELETE（删除资源）等。
请求资源： 标识我们希望访问的特定资源，如网页、图像或视频。
HTTP 协议版本： 表明我们使用的 HTTP 协议版本，如 HTTP/1.1 或 HTTP/2。
请求头： 包含有关请求的其他信息，例如我们希望的语言、浏览器类型和请求大小。
请求体： 包含在某些请求中发送的实际数据，例如在 POST 请求中发送要创建或更新的资源的数据。

HTTPS：安全连接的奥秘

HTTPS（安全超文本传输协议）是 HTTP 的安全增强版本，使用 SSL/TLS（安全套接字层/传输层安全协议）加密机制来保护数据在传输过程中的安全。

HTTPS 的工作原理

HTTPS 的工作过程如下：

客户端（浏览器）向服务器发送一个连接请求，表明它希望建立一个 HTTPS 连接。
服务器向客户端发送一个包含其证书的响应，该证书验证了服务器的身份和公钥。
客户端验证证书，确保它是有效的。
客户端生成一个随机数并使用服务器的公钥对其进行加密。
客户端将加密的随机数发送给服务器。
服务器使用其私钥解密随机数，并生成一个对称加密密钥。
客户端和服务器使用该对称密钥加密和解密所有后续通信。

表单标签和输入标签：构建 Web 表单的基础

表单标签是 Web 页面中用于收集用户输入数据的关键元素。最常用的表单标签之一是输入标签，它允许用户输入文本、密码、选择选项或复选框。

输入标签的属性

类型： 指定输入字段的类型，如文本、密码或单选按钮。
名称： 用于标识输入字段，以便服务器识别该字段中输入的数据。
值：定义输入字段的默认值。

示例

<form>
  <label for="username">用户名：</label>
  <input type="text" id="username" name="username">
  <br>
  <label for="password">密码：</label>
  <input type="password" id="password" name="password">
  <br>
  <input type="submit" value="提交">
</form>