V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
MageeHuang
V2EX  ›  程序员

求教:网站运行的原理及背后的逻辑架构

  •  
  •   MageeHuang · 2018-03-03 09:12:03 +08:00 · 3611 次点击
    这是一个创建于 2217 天前的主题,其中的信息可能已经有所发展或是发生改变。

    RI,对浏览器和特定网站的运行比较好奇,如 12306,提供查票订票服务,背后的数据过程是怎样的? 因为本身没接触过网站的东西,请路过的大牛指点下,有资料或书籍推荐更赞

    9 条回复    2018-03-03 12:59:15 +08:00
    marsLeo
        1
    marsLeo  
       2018-03-03 09:20:00 +08:00
    zhuanzh
        2
    zhuanzh  
       2018-03-03 10:02:09 +08:00 via Android   ❤️ 1
    lz 想了解 12306,还是普遍的浏览器和网站的运行原理?如果是后者也就是程序员中的前端和后端知识。这可是个大工程。
    你得说说你的知识背景。这样别人才好介绍。

    如果是 0 基础,我推荐两本书。都是由大量插图画的原理书籍。就算细节看不懂,把插图看明白了也能懂个大概。
    1.《网络上怎样连接的》讲述从浏览器输入网址后发生发生的一切。偏重计算机网络协议栈。
    2.《图解 http 》讲述浏览器与网站后台交互协议的细节。

    如果谁再推荐一本偏重网站后端架构的入门书籍那就完美了。
    xd314697475
        3
    xd314697475  
       2018-03-03 10:10:11 +08:00   ❤️ 12
    可以看子柳老师的《淘宝技术这十年》,讲淘宝是如何建立的。

    下面是一个简单的科普文,《你刚才在淘宝上买了一件东西》(来自阿里员工卡特)

    你发现快要过年了,于是想给你的女朋友买一件毛衣,你打开了 www.taobao.com 。这时你的浏览器首先查询 DNS 服务器,将 www.taobao.com 转换成 ip 地址。不过首先你会发现,你在不同的地区或者不同的网络(电信、联通、移动)的情况下,转换后的 IP 地址很可能是 不一样的,这首先涉及到负载均衡的第一步,通过 DNS 解析域名时将你的访问分配到不同的入口,同时尽可能保证你所访问的入口是所有入口中可能较快的一个 (这和后文的 CDN 不一样)。

      你通过这个入口成功的访问了 www.taobao.com 的实际的入口 IP 地址。这时你产生了一个 PV,即 Page View,页面访问。每日每个网站的总 PV 量是形容一个网站规模的重要指标。淘宝网全网在平日(非促销期间)的 PV 大概是 16-25 亿之间。同时作为一个独立的用户,你这次访问淘宝网的所有页面,均算作一个 UV ( Unique Visitor 用户访问)。最近臭名昭著的 12306.cn 的日 PV 量最高峰在 10 亿左右,而 UV 量却远小于淘宝网十余倍,这其中的原因我相信大家都会知道。

      因为同一时刻访问 www.taobao.com 的人数过于巨大,所以即便是生成淘宝首页页面的服务器,也不可能仅有一台。仅用于生成 www.taobao.com 首页的服务器就可能有成百上千台,那么你的一次访问时生成页面给你看的任务便会被分配给其中一台服务器完成。这个过程要保证公正、公平、平均(暨这成百上千台服务器每台负担的用户数要差不多),这一很复杂的过程是由几个系统配合完成,其中最关键的便是 LVS(Linux Virtual Server),世界上最流行的负载均衡系统之一,正是由目前在淘宝网供职的章文嵩博士开发的。

      经过一系列复杂的逻辑运算和数据处理,用于这次给你看的淘宝网首页的 HTML 内容便生成成功了。对 web 前端稍微有点常识的童鞋都应该知道,下一步浏览器会去加载页面中用到的 css、js、图片、脚本和资源文件。但是可能相对较少的同学才会知道,你的浏览器在同一个域名下并发加载的资源数量是有限制的,例如 IE6-7 是两个,IE8 是 6 个,Chrome 各版本不大一样,一般是 4-6 个。我刚刚看了一下,我访问淘宝网首页需要加载 126 个资源,那么如此小的并发连接数自然会加载很久。所以前端开发人员往往会将上述这些资源文件分布在好多个域名下,变相的绕过浏览器的这个限制,同时也为下文的 CDN 工作做准备。

      据不可靠消息,在双十一当天高峰,淘宝的访问流量最巅峰达到 871GB/S。这个数字意味着需要 178 万个 4Mb 带宽的家庭宽带才能负担的起,也完全有能力拖垮一个中小城市的全部互联网带宽。那么显然,这些访问流量不可能集中在一起。并且大家都知道,不同地区不同网络(电信、联通等)之间互访会非常缓慢,但是你却发现很少发现淘宝网访问缓慢。这便是 CDN(Content Delivery Network),即内容分发网络的作用。淘宝在全国各地建立了数十上百个 CDN 节点,利用一些手段保证你访问的(这里主要指 js、css、图片等)地方是离你最近的 CDN 节点,这样便保证了大流量分散在各地访问的加速节点上。

      这便出现了一个问题,那就是假若一个卖家发布了一个新的宝贝,上传了几张新的宝贝图片,那么淘宝网如何保证全国各地的 CDN 节点中都会同步的存在这几张图片供用户使用呢?这里边就涉及到了大量的内容分发与同步的相关技术。淘宝开发了分布式文件系统 TFS(Taobao File System)来处理这类问题。

      好了,这时你终于加载完了淘宝首页,那么你习惯性的在首页搜索框中输入了'毛衣'二字并敲回车,这时你又产生了一个 PV,然后,淘宝网的主搜索系统便开始为你服务了。它首先对你输入的内容基于一个分词库进行分词操作。众所周知,英文是以词为单位的,词和词之间是靠空格隔开,而中文是以字为单位,句子中所有的字连起来才能描述一个意思。例如,英文句子 I am a student,用中文则为:“我是一个学生”。计算机可以很简单通过空格知道 student 是一个单词,但是不能很容易明白“学”、“生”两个字合起来才表示一个词。把中文的汉字序列切分成有意义的词,就是中文分词,有些人也称为切词。我是一个学生,分词的结果是:我 是 一个 学生。

      进行分词之后,还需要根据你输入的搜索词进行你的购物意图分析。用户进行搜索时常常有如下几类意图:( 1 )浏览型:没有明确的购物对象和意图,边看边买,用户比较随意和感性。Query 例如:” 2010 年 10 大香水排行”,” 2010 年流行毛衣”, “ zippo 有多少种类?”;( 2 )查询型:有一定的购物意图,体现在对属性的要求上。Query 例如:”适合老人用的手机”,” 500 元 手表”;( 3 )对比型:已经缩小了购物意图,具体到了某几个产品。Query 例如:”诺基亚 E71 E63 ″,” akg k450 px200 ″;( 4 )确定型:已经做了基本决定,重点考察某个对象。Query 例如:”诺基亚 N97 ″,” IBM T60 ″。通过对你的购物意图的分析,主搜索会呈现出完全不同的结果来。

      之后的数个步骤后,主搜索系统便根据上述以及更多复杂的条件列出了搜索结果,这一切是由一千多台搜索服务器完成。然后你开始逐一点击浏览搜索出的宝贝。你开始查看宝贝详情页面。经常网购的亲们会发现,当你买过了一个宝贝之后,即便是商家多次修改了宝贝详情页,你仍然能够通过‘已买到的宝贝’查看当时的快照。这是为了防止商家对在商品详情中承诺过的东西赖账不认。那么显然,对于每年数十上百亿比交易的商品详情快照进行保存和快速调用不是一个简单的事情。这 其中又涉及到数套系统的共同协作,其中较为重要的是 Tair,淘宝自行研发的分布式 KV 存储方案。

      然后无论你是否真正进行了交易,你的这些访问行为便忠实的被系统记录下来,用于后续的业务逻辑和数据分析。这些记录中访问日志记录便是最重要的记录之一, 但是前边我们得知,这些访问是分布在各个地区很多不同的服务器上的,并且由于用户众多,这些日志记录都非常庞大,达到 TB 级别非常正常。那么为了快速及时 传输同步这些日志数据,淘宝研发了 TimeTunnel,用于进行实时的数据传输,交给后端系统进行计算报表等操作。

      你的浏览数据、交易数据以及其它很多很多的数据记录均会被保留下来。使得淘宝存储的历史数据轻而易举的便达到了十数甚至更多个 PB(1PB=1024TB=1048576GB)。如此巨大的数据量经过淘宝系统 1:120 的极限压缩存储在淘宝的数据仓库中。并且通过一个叫做云梯的,由 2000 多台服务器组成的超大规模数据系统不断的进行分析和挖掘。

      从这些数据中淘宝能够知道小到你是谁,你喜欢什么,你的孩子几岁了,你是否在谈恋爱,喜欢玩魔兽世界的人喜欢什么样的饮料等,大到各行各业的零售情况、各类商品的兴衰消亡等等海量的信息。

      说了这么多,其实也只是叙述了淘宝上正在运行的成千上万个系统中的寥寥几个。即便是你仅仅访问一次淘宝的首页,所涉及到的技术和系统规模都是你完全无法想 象的,是淘宝 2000 多名顶级的工程师们的心血结晶,其中甚至包括长江学者、国家科学技术最高奖得主等众多大牛。同样,百度、腾讯等的业务系统也绝不比淘宝简单。你需要知道的是,你每天使用的互联网产品,看似简单易用,背后却凝聚着难以想象的智慧与劳动。
    zhuanzh
        4
    zhuanzh  
       2018-03-03 10:10:24 +08:00 via Android
    《网络是怎样连接的》
    wekw
        5
    wekw  
       2018-03-03 10:18:17 +08:00
    这个问题世界上没有人能完美解答。
    badcode
        6
    badcode  
       2018-03-03 10:21:41 +08:00 via iPhone
    @xd314697475 辛苦了
    hanguofu
        7
    hanguofu  
       2018-03-03 12:20:10 +08:00
    技术干货,要支持!
    MageeHuang
        8
    MageeHuang  
    OP
       2018-03-03 12:58:29 +08:00
    @marsLeo 多谢分享
    @zhuanzh 软件编程略懂,我是来学习的,多谢分享,你说的两本书我先拜读下
    MageeHuang
        9
    MageeHuang  
    OP
       2018-03-03 12:59:15 +08:00
    @xd314697475 给力,形象,跪谢
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   2037 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 16:15 · PVG 00:15 · LAX 09:15 · JFK 12:15
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.