架构图解

Posted yogoup

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了架构图解相关的知识,希望对你有一定的参考价值。

技术图片

这是一个很典型的架构描述图,下面我们就以此为例聊聊架构的基础概念。

架构流程示例

假设用户在搜索引擎中搜索“森林里浓雾和阳光”。

用户点击了搜索结果中的一个图片网站链接,打开一张图片的详情页。

这个页面的主要内容包括:

  • 主图
  • 图片信息,如标题、作者、描述、标签、评论 ……
  • 相关类似图片
  • 用户信息

从用户点击了搜索结果中的那条连接,一直到呈现出最终的页面,中间经历了什么?

技术图片

(为了便于对照,再放一张)

用户点击链接后,浏览器首先会去请求 DNS 服务器(图中的【1】),获得网站的 IP 地址,然后通过 IP 请求网站。

请求首先会到达网站的负载均衡器(图中的【2】)。

负载均衡器从多个 web server 中选择一个,把请求转过去,让他处理。(图中的【3】)。

web server 从 cache 中获取图片的常用信息,从数据库中获取图片的其他信息。(图中的 【4】【5】)。

如果发现图片还没有被处理过,例如颜色还没调整,就向队列中发一个任务(图中的【6a】),任务处理服务器从队列中接收任务并处理(图中的【6b】)。

技术图片

(为了便于对照,再放一张)

web server 接下来需要获取相关类似图片信息,使用“图片标题”请求全文搜索服务(图中的【7】)。

如果发现此用户是已经登录的用户,请求 account service 获取用户的详细信息(图中的【8】)。

web server 现在已经拿到页面展示所需的全部信息。

最后,发送一个页面访问事件,放入流数据处理系统,事件会进入到云存储系统和数据仓库,用于做商业分析(图中的【9a】【9b】【9c】【10】)。

web server 开始组织 html 页面,然后通过负载均衡器返回给浏览器。

页面中包含 JS 和 CSS 资源,这些资源会被放入云存储系统,这个系统与CDN连接,所以 JS 和 CSS 就会载入 CDN。

这样,浏览器加载页面中的 JS 和 CSS 时就可以直接从 CDN 中读取(图中的【11】)。

最终,浏览器把页面渲染出来,呈现给用户。

核心部件

1. DNS

全称“Domain Name System”,提供根据域名找 IP 的服务。

例如:google.com -> 85.129.83.120。

2. Load Balancer 负载均衡器

用户的请求先发到负载均衡器(LB)上,LB 再从后面众多的 web 服务器中选一个,把请求交给他处理。

后面的那些web服务器都是一样的,处理逻辑一致。

web 服务器处理完后,把结果交给 LB,LB 再返回给用户。

3. web 服务器

接收请求,执行业务逻辑,返回响应信息。

会调用后端一系列的服务,如数据库、缓存、队列、搜索、其他服务、日志 ……

4. 数据库

数据库可以是 SQL,也可能是 NoSQL,或者混合使用。

5. 缓存

用来进行简单的 key/value 存储,速度快。

例如搜索引擎可以把常用的搜索结果保存在缓存中;内容型网站会把文章放到缓存 ……

6.任务队列、任务处理服务器

用于做异步处理。

队列接收任务,任务处理服务器(worker,可以有多个)从队列中拿出任务进行处理。

队列是一个需要异步执行的任务列表,常用的是先进先出模式,严格按照入队顺序出队,还有优先级模式,入队时给任务添加一个优先级,出队按照优先级出队,相当于给任务赋予了特权。

队列应用的场景非常多,例如:

  • 用户上传图片、视频,后台进行异步处理、转码
  • 用户数据统计聚合
  • 用户注册发送邮件、短信

7. 全文搜索

有一个重要的概念:倒排索引。

技术图片

例如上图,对标题进行分词,然后以每个词作为关键字,指出谁的标题中含有这个关键字,这就是倒排索引。

主流的全文搜索服务有 Elasticsearch、Sphinx、Apache Solr。

8. Service

不直接暴露给外部,内部调用,例如:

  • 用户服务
  • 内容服务
  • 支付服务
  • HTML 转 PDF 服务

9. Data

如今,数据可以说是企业的命脉,大家都会尽可能的收集数据、分析数据,以便进行有效的商业决策。

典型的数据管道包括:

  • 应用发送数据,例如用户交互行为,发送到流数据系统中,如 kafka。
  • 保存原始数据,就是从应用端发送来的数据,未经处理的,保存起来,例如保存到云存储系统中。
  • 放入数据仓库进行分析,根据自己的分析模型对数据进行处理。

10. Cloud storage 云存储

云存储太方便了,使用简单、扩展性好、性能强。

本地的文件都可以放到云存储上,例如图片、音频、视频、JS、CSS ……

11. CDN

技术图片

CDN 是内容分发网络,可以简单理解为资源缓存,图片、音频、视频、JS、CSS 都可以加载到 CDN。

没有CDN时,需要直接请求从服务器,如果用户距离服务器很远,那就非常慢了。

有了CDN以后,用户可以从距离自己最近的 CDN 节点中拿到资源,速度快,还减轻了服务器的压力。

推荐阅读:

技术图片

以上是关于架构图解的主要内容,如果未能解决你的问题,请参考以下文章

软件结构图怎么画

软件体系结构图怎么画啊?

软件架构设计分层模型和构图思考

功能架构图信息结构图产品结构图的区别和绘制方法

软件系统结构图怎么画?

软件架构设计分层模型和构图思考