1. 客户端与服务器
1.1 客户端
在前端开发中,客户端特指 “ Web 浏览器 ”。
实际开发中,只要可以访问服务器的一端都属于客户端(手机、平板、电脑中的各种软件都可以是客户端)。
1.2 服务器
概念:服务器是提供服务的设备。
作用:在上网过程中,服务器专门负责存放资源和对外提供服务。
1.3 客户端与服务器通信的过程
客户端与服务器之间的通信过程,分为请求 - 响应两个步骤。其中:
-
请求的概念:客户端通过网络去找服务器要资源的过程,叫做 “请求”;
-
响应的概念:服务器把资源通过网络发送给客户端的过程,叫做 “响应”;
1.4 URL 地址
一个完整的url地址分为: 协议、域名(IP地址)、端口、资源存放路径。
协议:协议是用来规范网络通讯中数据的格式。常见: http 和 https;
域名:电脑主机网络中存放的位置,主机地址的唯一标识。域名就是 给 IP 地址起个名字,方便记忆;
端口:电脑与外界通讯交流的出口,为数字类型,取值范围 0~65535 之间。其中80为http专用;
资源存放路径:资源存放路径就是资源在服务器中的具体存放地址;
1.5 资源
服务器对外提供的所有内容都属于资源。
网页中的数据,也是服务器对外提供的一种资源。数据是网页的灵魂!
获取数据需要用到的技术:Ajax;
1.6 请求报文和响应报文
客户端与服务器通信的过程是基于请求与响应的。其中:
-
请求报文规定了客户端以什么格式把数据发送给服务器;
-
响应报文规定了服务器以什么格式把数据响应给客户端;
-
1.7 请求方式
其中,重点掌握前两种,GET用于获取数据,POST用于推送数据。
2. C/S 和 B/S
客户端Client -- 服务器Server(C/S)
浏览器Brower -- 服务器Server(B/S)
2.1 C/S
C/S:通过客户端和服务器通信的软件。(桌面的应用程序)
例如:QQ、LOL、吃鸡。
2.2 B/S
B/S:通过浏览器和服务器通信端软件。(一个网站)
例如:淘宝、京东。
2.3 客户端/服务器通讯模式
-
客户端
1、客户端与服务器建立TCP连接(三次握手);
2、客户端程序发送HTTP请求到服务器;
3、服务端接受到HTTP请求后,向客户端发送响应数据;
4、客户端得到响应数据后,HTTP请求结束;
-
服务器
1、接受来自浏览器的TCP连接请求;
2、接受并解析HTTP协议;
3、创建并发送HTTP响应;
-
浏览器
1、请求与Web服务器建立TCP连接;
2、创建并发送HTTP请求;
3、接受并解析HTTP协议;
4、在浏览器窗口中展示响应的HTML文档解析结果;
3. Web 开发
Web 开发就是设计实现 Web 系统的过程。
主要包括浏览器端页面的制作和服务器端程序的编写。
浏览器端称作Web前端;
服务器器端称作Web后端。
4. 浏览器
浏览器是指可以显示网页服务器或者文件系统的HTML文件内容,并让用户与这些文件交互的一种软件。
常见的浏览器有:Firefox、Internet Explorer、Safari、Opera、Google Chrome、QQ浏览器、百度浏览器、猎豹浏览器、360浏览器、UC浏览器、遨游浏览器、世界之窗浏览器等;
5. 客户端与服务器总结
- 客户端(Client)是发送请求(request),服务器端(Service)是响应请求(response),返回相应的资源数据;
- 一般web的客户端就是浏览器(PC或移动设备),进行网页资源的请求,服务器响应之后返回数据,再由浏览器进行渲染;
- 服务器就是存放数据,文件等资源的,客户端与其进行数据的交互和数据的存储,更新。
- 历史数据都可以保存在服务器上,由云端进行保存,所以可以查询自己的历史记录,数据恢复,备份等。
- 一般开源免费的小型服务器是Tomcat,在制作网站demo时可以用其作为服务器进行本地访问。
- 但是要想让别人通过点击网址链接也能访问到你的网站,可以把制作网站的文件资源部署到阿里云服务器,腾讯云服务器,或者购买属于自己的域。