Web运作原理浅析

妖狐艹你老母 2022-07-15 07:07 185阅读 0赞

Web运作原理浅析

Web历史：

Web是网络上使用最广泛的分布式应用架构

1990年11月第一个web服务器开始运行

1991年CERN组织正式发布web技术标准

目前，与web相关的各种技术标准，有W3C组织来管理和维护

Web原理：

## 本质：Web是一种分布式的应用架构，旨在共享分布在网络上的各个web服务器上的所有互相连接的信息。 ##

## Web运作原理： ##

a)        通信：web采用客户端/服务器端通信模式，通信协议是http协议。

b)        展示：web采用（html）超级文本技术来连接网络上的信息。

c)        存储：信息存储在服务器端，包括：html文档、图片文件、声音文件和视频文件等，这些文件通过超级文本技术串联在一起。

d)        浏览：客户端通过浏览器（如IE）查看网络中各个web服务器上的信息。

e)        定位：使用统一资源定位技术URL实现网络信息的精准定位。

f)         首要任务：向人们提供信息服务。

##  URL简介 ##

a) URL(Uniform Resource Locator缩写)，表示同意资源定位器，专为标识网络上的资源位置而设的一种编码方式。

b)  URL由三部分组成

i.  应用层协议（如：http）

ii.  主机IP地址或域名

iii. 资源所在路径/文件名

c) URL格式：应用层协议：//主机IP地址或域名/资源所在路径/文件名

## HTTP协议 ##

a)        HTTP(Hypertext Transfer Protocal超级文本传输)协议：是关于如何在网络上传输超级文本（HTML）的协议，

b)        HTTP协议规定了web的基本运作过程，以及浏览器与web服务器之间的通信细节。

c)        在分层的网络体系中，HTTP协议位于应用层，建立在TCP/IP协议基础上，HTTP协议使用可靠的TCP连接，默认端口是80端口。如下图：

![Center][]

d)        客户端和服务器端交互一次信息经历一下四个步骤：

i. 客户端和服务器端建立TCP连接。

ii. 客户端发出HTTP请求。

iii. 服务器端发回相应的HTTP相应。

iv. 客户端和服务器端的TCP连接关闭。

e)        用户在浏览器中输入https://www.baidu.com/网址，客户端与服务器端的具体通信过程如下：

i.  浏览器与网络上域名为[https://www.baidu.com/][https_www.baidu.com]的web服务器建立TCP连接；

ii.  浏览器发出要求访问百度默认页面的HTTP请求；

iii.  Web服务器接收到HTTP请求后，解析HTTP请求，然后发回包含默认页面文件数据的HTTP响应；

iv.浏览器在接收到HTTP相应后，解析HTTP相应，并在窗口中展示相应文件；

v. 浏览器与web服务器之间的TCP连接关闭。

## HTTP请求格式： ##

a)        请求方法、URI和HTTP协议的版本：如：POST /hello.jsp HTTP/1.1。

b)        请求头：包含有关客户端环境和请求正文的有用信息，如：浏览器的类型、所用的语言、请求正文的类型、请求正文的长度等。

![Center 1][]

![Center 2][]![Center 3][]![Center 4][]![Center 5][]![Center 6][]![Center 7][]![Center 8][]![Center 9][]

c)        请求正文：请求头和请求正文之间以必须空格（即只有CRLF的行）分隔，空行标识请求头已经结束，接下来是正文；请求正文包含客户以POST方式提交的表单数据。

如：username=admin&password=123456&submit=submit

## HTTP响应格式： ##

a)        HTTP协议的版本、状态码和描述：如： HTTP/1.1 200 OK。

b)        响应头：包含有关响应正文的有用信息，如：服务器的类型、响应正文的类型、响应正文的长度等。如：

![Center 10][]

c)        响应正文：服务器返回的具体数据，是浏览器真正请求访问的信息，如HTML文档，

![Center 11][]

## web应用    ##

Web应用：指需要通过编程来创建web站点

包括：1、普通的静态HTML文档；2、被服务器动态执行的程序。

Web应用的设计模式：MVC（模型-视图-控制器），struts实现了这种设计模式，提高了开发效率和代码的可维护性和可重用性。

## Web服务： ##

1、  Web是基于HTTP协议的分布式架构；web服务架构和web一样，也是网络应用层的一种分布式架构，同时也是基于客户/服务器的通信模式，也能实现异构系统之间的通信。在web服务架构中，服务器端负责提供web服务，客户端请求访问web服务。

2、  什么是web服务？简单理解，可以看作是被客户端远程调用的各种方法，这些方法处理特定业务逻辑或复杂运算。

3、  Web服务架构采用SOAP（Simple Object Access Protocol 简单对象访问协议）作为通信协议。SOAP协议规定:客户和服务器一律采用xml语言进行通信。

4、  Web的基本功能：提供客户程序和服务器之间的数据（主要是服务器发送给浏览器的HTML文档）传输。

5、  Web服务的基本功能：是客户程序远程调用服务器端的方法。

## Rest Service ##

6、  随着互联网技术的兴起，XML越来越令人诟病，XML的数据包越来重，SOAP协议方便性和灵活性都有欠缺，尤其兴起的Web2.0发展，由Yahoo、Google 和 Facebook等大型互联网公司的倡导，REST代表性状态传输（Representational State Transfer，REST）在 Web 领域已经得到了广泛的接受，是基于 SOAP 和 Web 服务描述语言（Web Services Description Language，WSDL）的 Web 服务的更为简单的替代方法。

7、  REST架构遵循了CRUD原则，CRUD原则对于资源只需要四种行为：Create（创建）、Read（读取）、Update（更新）和Delete（删除）就可以完成对其操作和处理。

8、  Rest Service 是Web Service的一种实现，并不是说Rest是Web service替代

[Center]: /images/20220715/3cc7cbd3d6ad4d72985a42d7c1ac7f88.png
[https_www.baidu.com]: https://www.baidu.com/
[Center 1]: /images/20220715/ba3d975a0a3e44e79d242afddcef0995.png
[Center 2]: https://img-blog.csdn.net/20161108115025883?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center
[Center 3]: https://img-blog.csdn.net/20161108115034711?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center
[Center 4]: https://img-blog.csdn.net/20161108115053507?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center
[Center 5]: https://img-blog.csdn.net/20161108115102476?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center
[Center 6]: https://img-blog.csdn.net/20161108115110305?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center
[Center 7]: https://img-blog.csdn.net/20161108115117774?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center
[Center 8]: https://img-blog.csdn.net/20161108115125008?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center
[Center 9]: /images/20220715/d274747f77ca474fa40a28c18744a0ce.png
[Center 10]: /images/20220715/2896c4a5cc87489fb492e387b3965cfa.png
[Center 11]: /images/20220715/5322f21b68b74b668ac635e1eff9e263.png