美文网首页我爱编程
Web建站过程中流程

Web建站过程中流程

作者: 一许青衫一 | 来源:发表于2018-05-21 22:07 被阅读0次

首先要明白网站访问大概是什么过程,假如你在浏览器地址栏输入这个地址:http://www.zhihu.com/question/22689579,访问过程如下,浏览器与服务器交流,服务器和数据库交流(有时候数据库就在服务器那台机子上)。

HTTP 访问

Web Server 与Web Services

浏览器给服务器发一个请求,服务器不是一看就知道怎么响应的。首先这些请求和响应要有一个通用的写法,也就是要有一个协议,常用的是HTTP协议。

像最前面的图,服务器的响应写了一个状态吗 200 OK,是HTTP协议里约定俗成的一个东西,服务器写 200 OK 在响应里,表示 "你请求的这个东西我有",如果是404 Not Found,就是 "你请求的这个东西我这里没有"。

HTTP响应里还包括很多东西,比如 Content-type 表示服务器发过来的文件类型是什么(文本?动画?图片?音频?),这样发过去了人家浏览器就知道怎么展示给用户看。人家服务器怎么知道按协议要写什么东西进去呢,这就是 Web Server 干活的时候了。

形象化一下HTTP响应,大概就长这样:

HTTP响应

PHP,服务器脚本,Web FrameWork

开头那张图里服务器接到请求之后可以给访客发送对应的文件,但是服务器除了 “接请求—发文件”之外,还可以处理上传来的文件! 另外还能接收你发过来的各种请求,去操作服务器本地的文件或者数据库的。要干这些事,自然服务器那边也少不了要有代码了,这些代码就是服务器脚本。前面说的 Web Service 传输的数据,主要也是由服务器脚本生成,再交由Web Server,按照某种协议套好整个响应的格式,返回给客户端的。

PHP 就是一种常见的用来写服务器脚本的语言,其实只要是能拿来写大家传输数据的通用接口(CGI)的语言都可以用来写服务器脚本(也就是说几乎所有编程语言都可以写),只是因为现成工具的丰富程度和专攻长度不一样,所以有一些语言在写服务器端脚本的时候会比较热门。

为了方便,我们在写服务器脚本的时候,通常还会用个同语言写的Web Framework 来处理各种细节,防御一些常见的攻击,提供跨站认证(比如用已有的微博账号注册其他网站)的接口,利用cookie处理登陆状态和用户设置,生成网页模板之类的。

一个普通网站访问的过程:

1、用户操作浏览器访问,浏览器向服务器发出一个HTTP请求;

2、服务器接收到HTTP请求,Web Server进行相应的初步处理,使用服务器脚本生成页面;

3、服务器脚本(利用Web Framework) 调用本地和客户端传来的数据,生成页面;

4、Web Server 将生成的页面作为HTTP响应的body,根据不同的处理结果生成 HTTP header,发回给客户端;

5、客户端(浏览器)接收到HTTP响应,通常第一个请求得到的HTTP响应的body里是HTML代码,于是对HTML代码开始解析;

6、解析过程中遇到引用的服务器上的资源(额外的CSS、JS代码、图片、音视频、附件等),再向Web Server发送请求,Web Server找到相应的文件,发送回来;

7、浏览器解析HTML包含的内容,用得到的CSS代码进行外观上的进一步的渲染,JS代码也可能会对外观进行一定的处理;

8、用户与页面的交互(点击,悬停等等)时,JS代码对此做出一定的反应,添加特效与动画。

9、交互的过程中可能需要向服务器索取或提交额外的代码(局部的刷新,类似微博的新消息通知),一般不是跳转就是通过JS代码(生成资源or写入数据之类的),把资源返回给客户端,客户端用得到的资源来实现动态效果或其他改变。

为了方便调试,很多Web Framework 会自带一个简单的Web Server,或者有些Web Server会自带一个简单的Web Framework,实际部署到服务器上开放使用的时候为了性能或者安全等多方面的考虑,可以把内置的Web Server换成其他的,例如 Apache 或者 Nginx(知乎用的是Tornado做Framework,Server换成了Nginx)。

相关文章

  • Web建站过程中流程

    首先要明白网站访问大概是什么过程,假如你在浏览器地址栏输入这个地址:http://www.zhihu.com/qu...

  • web建站流程

    1. 需要购买一台服务器 比如我在腾讯云上购买了一台服务器 2.在购买一个域名 在阿里云购买了...

  • Linux安装xampp来搭建WordPress网站

    建站准备 建站流程 建站机制,建站专有名词解释和建站流程以及一些建站注意事项可以参考以下文章: 如何从零开始拥有自...

  • 只需8步,详细了解外贸建站流程(图文讲解)

    有不少外贸朋友对于外贸建站的流程不熟悉,特别是一些新手,今天Hunk就来理一下外贸建站流程 首先,先看外贸建站流程...

  • 建设网站的一般流程有哪些?专业建站和个人建站一样可信吗?

    建设网站的一般流程有哪些?专业建站和个人建站一样可信吗? 建站一般流程包含:申请域名、申请空间、定位网站、分析网站...

  • 服务器上部署Java Web项目

    服务器上部署Java Web项目 适用对象 刚刚接触建站的小白用户(我呀)。 基本流程 在服务器上部署Java W...

  • 建站流程

    1、选择网站域名,直接万网购买 2、选择网站空间,就是服务器,放网站程序的地方 3、创建网站程序,并写好网站页面,...

  • 建站流程

    网站开发的流程 确定要做,确定人员,确定预算等 需求 - 需求收集和分析 收集比分析更难,有的时候用户也不知道自己...

  • 三个步骤,教你网页自助建站流程

    你知道怎么快速建站吗?对于想要建站的小白来说,流程自然是越简单越好。而当前比较简单的建站方式,就是使用网页自助建站...

  • 独立站站长应该具备的能力

    独立站运营Shopify 1、负责自建站Shopify账号正常运营,熟悉Shopify建站流程,完成网站建设、店铺...

网友评论

    本文标题:Web建站过程中流程

    本文链接:https://www.haomeiwen.com/subject/wrfqjftx.html