系统设计 | web架构简介 101

背景

如图是现代web应用架构的示意图：

Web Architecture 101

一次谷歌搜索发生了什么？

• 以访问图片网站Storyblocks为例，谷歌搜索“Strong Beautiful Fog And Sunbeams In The Forest”

1. 浏览器请求DNS服务器，获取Storyblocks的ip
2. 请求负载均衡器LB
3. LB依据一定策略返回一个真实的web server地址
4. app server去cache获取图片信息
5. DB里面获取图片的相关信息
6. 提交图片颜色配置的任务给 任务队列；任务server做完任务后，异步更新数据库状态
7. 全文搜索图片的标题
8. 用户需要登录，专门有服务来管理用户信息
9. 数仓存储数据，后续用来分析；
10. 服务器渲染视图，返回给浏览器；JavaScript和css都存储在S3中，
11. S3存储连接CDN，浏览器从CDN取静态数据
12. 浏览器渲染，用户看到图片