浏览器访问服务器过程|学习笔记

本文涉及的产品
云解析 DNS,旗舰版 1个月
全局流量管理 GTM,标准版 1个月
公共DNS(含HTTPDNS解析),每月1000万次HTTP解析
简介: 快速学习浏览器访问服务器过程

开发者学堂课程【Node.js 入门与实战浏览器访问服务器过程】学习笔记,与课程紧密联系,让用户快速学习知识

课程地址https://developer.aliyun.com/learning/course/588/detail/8239


浏览器访问服务器过程

 

浏览器访问服务器过程:

1. 在浏览器地址栏中输入网址。如http://www.taobao.com

image.png

2. 浏览器通过用户在地址栏中输入的URL构建HTTP请求报文。GET , HTTP/1.1

Host: wre.taobao.com

Connection: keep-alive

Upgrade-Insecure-Requests: 1

User-Agent: Hozil1a/5.0 (Windows NT 10.0; win64; x64) AppleMebKit/537.36 (KHTML,like Gecko)

Chrone/s7.e.2987.133 safari/537.36Accept:text/html,application/xhtml+xml,application/xml;q-o.9,image/webp,"/" ;q-0.8

Accept-Encoding: gzip, deflate,sdch,br

Accept-Language: zh-CN,zh;q=0.8,en;q=0.6

Cookie: 1=AgONMp9E8x4hgaGEtI8homKxnSOH6k68; isg=AkZGLTL-Yr9tHDZbgdsbsn4R1zwgSIphaK-1BzBwmlEN-

zNmDfacsyDfdgF; thw-cn

3、浏览器发起DNS解析请求,将域名转换为IP地址。

 image.png

4浏览器将请求报文发送给服务器。

5服务器接收请求报文,并解析。

6服务器处理用户请求,并将处理结果封装成HTTP响应报文。

HTTP/1.1 200 ok

Scrver: Tengine

Date: Thu, 13 Apr 2017 02:24:25 GHT

Content-Type: text/html; charset=utf-8

Transfer-Encoding: chunked

Connection: keep-alive

Vary: Accept-Encoding

Vary: Ali-Detector-Type,X-CIP-PT

cache-control: max-age-0,s-maxage=300

Via: cache8.12cm10-1[172,200-0,c], cache13.12cm10-1[122,0], cache3.cn206[0,200-0,H],

cache6.cn206[e,0]

Age: 293

X-cache: HIT TCP_MEM_HIT dirn: -2:-2

X-Swift-SaveTime: Thu,13 Apr 2017 02 : 19:32 GMT

X-Swift-CacheTime: 300

Timing-Allow-Origin:*

EagleId: 9903e7e514920502659594264e

Strict-Transport-Security: max-age-31536000

Content-Encoding: gzip

<!DOCTYpE html>

<html lang="zh-CN">

<head>

<meta charset="utf-8”/>

<meta http-equiv=""x-UA-Compatible" content=""IE-edge,chrome-i" 7>

<meta name-"renderer" content-"webkit" 7>

ctitie>淘宝网–淘!我喜欢</titie>

<meta name-"spm-id" content-"a21bo- 7>

<meta name"description" content=”淘宝网-亚洲较大的网上交易平台,提供各类服饰、美容、家居、数码、话费/点卡充值-数亿优质商品,同时提供担保交易(先收货后付款)等安全交易保暲服务,并由商家提供退货承诺、破损补寄等消费者保障服务,让你安心享受两上购物乐趣!" />

 <meta namew"aplus-xplug- content-"NONE”>

<meta namem"keyword" content="淘宝掏宝网上购物C2C在线交易,交易市场网上交易交易市场网上买网上卖购物网站团购网上贸易安全购物电子商务放心买,供应,买卖信息,网店,一口价拍卖网上开店网铬购物折,免费开店网购频道店铺”/>

</head>

<body>

……

< / body>

</html>

7、服务器将HTTP响应报文发送给浏览器。

8浏览器接收服务器响应的HTTP报文,并解析。

9浏览器解析HTML页面并展示,在解析HTML页面时遇到新的资源需要再次发起请求。

10、最终浏览器展示出了页面。

相关文章
|
1月前
|
存储 数据挖掘 Windows
服务器数据恢复—V7000存储raid5故障导致LUN无法访问的数据恢复案例
服务器数据恢复环境: 三台V7000存储,共有64块SAS硬盘(其中有三块热备盘,其中一块已启用)组建了数组raid5阵列。分配若干LUN,上层安装Windows server操作系统,数据分区格式化为NTFS文件系统。 服务器故障: V7000存储中有多块硬盘出现故障离线,阵列失效,LUN无法访问。需要恢复卷中所有数据(主要为dcm文件)。
|
8天前
|
运维 Prometheus 监控
如何在测试环境中保持操作系统、浏览器版本和服务器配置的稳定性和一致性?
如何在测试环境中保持操作系统、浏览器版本和服务器配置的稳定性和一致性?
|
23天前
|
域名解析 网络协议 前端开发
浏览器输入域名网址访问后的过程详解
1、以91处理网为例,客户端浏览器通过DNS解析到www.91chuli.com,IP地址是202.108.22.5,通过这个IP地址找到客户端到服务器的路径。客户端浏览器发起一个HTTP会话到202.108.22.5,然后通过TCP进行封装数据包,输入到网络层。
29 2
|
1月前
|
前端开发 Java
学习SpringMVC,建立连接,请求,响应 SpringBoot初学,如何前后端交互(后端版)?最简单的能通过网址访问的后端服务器代码举例
文章介绍了如何使用SpringBoot创建简单的后端服务器来处理HTTP请求,包括建立连接、编写Controller处理请求,并返回响应给前端或网址。
53 0
学习SpringMVC,建立连接,请求,响应 SpringBoot初学,如何前后端交互(后端版)?最简单的能通过网址访问的后端服务器代码举例
|
1月前
|
Apache 数据中心 Windows
将网站迁移到阿里云Windows系统云服务器,访问该站点提示连接被拒绝,如何处理?
将网站迁移到阿里云Windows系统云服务器,访问该站点提示连接被拒绝,如何处理?
|
1月前
|
域名解析 缓存 网络协议
Windows系统云服务器自定义域名解析导致网站无法访问怎么解决?
Windows系统云服务器自定义域名解析导致网站无法访问怎么解决?
|
1月前
|
网络安全 Docker 容器
【Bug修复】秒杀服务器异常,轻松恢复网站访问--从防火墙到Docker服务的全面解析
【Bug修复】秒杀服务器异常,轻松恢复网站访问--从防火墙到Docker服务的全面解析
26 0
|
1月前
|
弹性计算 关系型数据库 网络安全
阿里云国际版无法连接和访问Windows服务器中的FTP服务
阿里云国际版无法连接和访问Windows服务器中的FTP服务
|
16天前
|
JSON 移动开发 JavaScript
在浏览器执行js脚本的两种方式
【10月更文挑战第20天】本文介绍了在浏览器中执行HTTP请求的两种方式:`fetch`和`XMLHttpRequest`。`fetch`支持GET和POST请求,返回Promise对象,可以方便地处理异步操作。`XMLHttpRequest`则通过回调函数处理请求结果,适用于需要兼容旧浏览器的场景。文中还提供了具体的代码示例。
在浏览器执行js脚本的两种方式
|
14天前
|
机器学习/深度学习 自然语言处理 前端开发
前端神经网络入门:Brain.js - 详细介绍和对比不同的实现 - CNN、RNN、DNN、FFNN -无需准备环境打开浏览器即可测试运行-支持WebGPU加速
本文介绍了如何使用 JavaScript 神经网络库 **Brain.js** 实现不同类型的神经网络,包括前馈神经网络(FFNN)、深度神经网络(DNN)和循环神经网络(RNN)。通过简单的示例和代码,帮助前端开发者快速入门并理解神经网络的基本概念。文章还对比了各类神经网络的特点和适用场景,并简要介绍了卷积神经网络(CNN)的替代方案。