通过网页源代码看“饭否”的网站架构

饭否是一个我最近比较喜欢的应用,饭否网站的用户体验的确感觉比较用心,今天简单分析了一下网站的网页代码,感觉网页的布局十分清晰,Html也十分的干净,通过网页的源代码大概简单体会了一下网站的架构,网站的主要域名如下:
fanfou.com、wap.fanfou.com、static.fanfou.com、dev.fanfou.com、help.fanfou.com、avatar.fanfou.com、api.fanfou.com

fanfou.com是网站的主域名,网站的前端应用主要集中在这个域名所在服务器上,wap.fanfou.com主要负责wap端的应用,static.fanfou.com为网站静态资源存放的服务器,主站用到的静态图片、js脚本、样式表、图标等资源都放到这个服务器上,dev.fanfou.com为后台提供开发的站点(使用了WordPress 2.2.3进行站点的搭建),同时也提供网站的站务日志等信息,help.fanfou.com为网站的帮助信息对应的服务器,avatar.fanfou.com为用户缩略图存储的站点,api.fanfou.com站点用来提供二次开发接口。

另外系统还使用了del.icio.us/fanfou进行站点的推广,使用www.google-analytics.com进行站点的后台管理和性能分析。

在静态脚本和样式上使用了版本化处理,格式如下:static.fanfou.com/css/base.css?v=032、static.fanfou.com/js/library.js?v=001

通过这些分析可以看出,饭否根据资源的特点,将静态资源进行单独存储,将消耗网站资源的“用户头像”部分也进行单独存储,其它的功能根据业务情况进行了简单的分布式处理。

至于这些应用是在一台服务器上,还是多台服务器并不重要,因为这种设计完全可以根据实际的网站流量,进行硬件的扩充就可以了,其次在一些非主要应用上如帮助等子站点,系统采用了开源软件进行应用的搭建,或者采用第3方服务进行系统的应用,而没有过多的进行优化等方面的处理。

另外该网站还利用自己本身服务的特点搭建了一些系统应用,如留言板、饭否消息等,本身就是一个微博客的形式,使系统更加的新颖和别致。

网站本身对“生态圈”的概念支持的特别好,使系统无论在扩展或者应用等方面表现的都十分优秀,十分值得学习和借鉴。

ps:

笑笑生-草根网20ju.com 21:15:52
stone 21:10:24
王总能否透露一下核心团队的结构,个人觉得饭否从产品的细节及技术能做得很棒,考虑得很周到,{网站是否是采用python开发的,如果是谈谈感受,国内用python做的网站还不是很多见}

王兴-饭否fanfou.com 21:18:18
不是,我们没用python这么酷的东西,就是很大路的LAMP架构(linux + apahce + mysql + php)。有一点主要差别,我们因为现在手里有一些钱,没有什么经济压力,所以不是很急着想怎么挣钱,所以心态比较轻松,就是觉得这个东西好玩,至少我们 自己愿意玩,所以尽量把东西做好点,自己用着也爽一点
.
原文地址:https://www.cnblogs.com/Duiker/p/989619.html