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

简介: 快速学习浏览器访问服务器过程

开发者学堂课程【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、最终浏览器展示出了页面。

相关文章
|
运维 Prometheus 监控
如何在测试环境中保持操作系统、浏览器版本和服务器配置的稳定性和一致性?
如何在测试环境中保持操作系统、浏览器版本和服务器配置的稳定性和一致性?
|
存储 数据挖掘 Linux
服务器数据恢复—重装系统导致OceanStor存储上的分区无法访问的数据恢复案例
服务器存储数据恢复环境: 华为OceanStor某型号存储+扩展盘柜,存储中的硬盘组建了raid5磁盘阵列,上层分配了1个lun。 linux操作系统,划分了两个分区,分区一通过lvm扩容,分区二为xfs文件系统。 服务器存储故障: 工作人员重装系统操作失误导致磁盘分区变化,分区二无法访问,数据丢失。
|
安全 Linux
阿里云linux服务器使用脚本通过安全组屏蔽异常海外访问ip
公网网站可能会遭受黑客攻击导致访问异常,使用此脚本可以屏蔽掉异常IP 恢复访问。也可自行设置定时任务定期检测屏蔽。
976 28
|
Web App开发 编解码 vr&ar
使用Web浏览器访问UE应用的最佳实践
在3D/XR应用开发中,尤其是基于UE(虚幻引擎)开发的高精度场景,传统终端因硬件局限难以流畅运行高帧率、复杂效果的三维应用。实时云渲染技术,将渲染任务转移至云端服务器,降低终端硬件要求,确保用户获得流畅体验。具备弹性扩展、优化传输协议、跨平台支持和安全性等优势,适用于多种终端和场景,特别集成像素流送技术,帮助UE开发者实现低代码上云操作,简化部署流程,保留UE引擎的强大开发能力,确保画面精美且终端轻量化。
843 17
使用Web浏览器访问UE应用的最佳实践
|
存储 算法 数据挖掘
服务器数据恢复—nas中raid6阵列失效,存储无法访问的数据恢复案例
一台nas上共有14块硬盘组建了一组raid6磁盘阵列。 该nas在工作过程中,raid6阵列中硬盘出现故障离线,导致raid6阵列失效,nas无法正常访问。
|
域名解析 弹性计算 应用服务中间件
使用域名访问部署在ECS上的网站
本文为您介绍如何为网站配置域名并为域名配置HTTPS证书。
|
负载均衡 数据可视化 API
像素流送api ue多人访问需要什么显卡服务器
本文总结了关于像素流送技术的五大常见问题,包括是否支持Unity模型推流、UE多人访问的最大并发数、所需服务器配置、稳定性问题及API支持情况,旨在帮助开发者更好地理解和应用这一技术。
821 1
|
Web App开发 API Windows
取接口访问者信息[IP,浏览器,操作系统]免费API接口教程
此API用于获取访问者的IP地址、浏览器和操作系统信息,支持70多种浏览器和操作系统。通过POST或GET请求至`https://cn.apihz.cn/api/ip/getapi.php`,需提供用户ID和KEY。返回结果包括状态码、消息、IP、浏览器和操作系统信息。示例:{&quot;code&quot;:200,&quot;ip&quot;:&quot;175.154.88.178&quot;,&quot;browser&quot;:&quot;Chrome&quot;,&quot;os&quot;:&quot;Windows 10&quot;}。详情见官网文档。
859 0
|
算法 开发者
Moment.js库是如何处理不同浏览器的时间戳格式差异的?
总的来说,Moment.js 通过一系列的技术手段和策略,有效地处理了不同浏览器的时间戳格式差异,为开发者提供了一个稳定、可靠且易于使用的时间处理工具。
983 156
|
JavaScript 前端开发 数据处理
模板字符串和普通字符串在浏览器和 Node.js 中的性能表现是否一致?
综上所述,模板字符串和普通字符串在浏览器和 Node.js 中的性能表现既有相似之处,也有不同之处。在实际应用中,需要根据具体的场景和性能需求来选择使用哪种字符串处理方式,以达到最佳的性能和开发效率。
508 63

热门文章

最新文章