首页 > 代码库 > 个人网站架构设计(一)

个人网站架构设计(一)

从大二开始,坚持每月3到8篇的技术分享,到现在差不多两年了。一直在分享之中跟着大家一起进步,从最开始的点点网,到github,再到现在的博客园。分享是一件有趣的事情,能够收到很多的反馈,渐渐地,已经把写博当成一种习惯。

在不同的平台上写博客会有不同的感受,但是几乎没有哪个平台可以满足自己的所有需求,比如,期望没有广告、希望速度可以更快、自己可以更多的操作后端、找个地方放DEMO、有个NodeJS测试的环境、自定义样式和主题等等,对我这个喜欢折腾的人来说,这些需求真是太普通了,可惜,没有哪个平台可以提供这么多的服务。再如,我希望把更多的生活中元素或者情感的东西带到博客中来,这些平台貌似不太适合做这些事情。

无奈之下只好自己花点钱买个主机安置个人网站。搭建一个网站是一个系统学习前后端的最佳机会,之前考虑过使用别人的框架,快捷搞定一个博客平台,但是我希望这次的网站架设能够承受几十万甚至上百万的PV(哈哈,这个可能性几乎为零,主要为了提高标准),同时也支持一些诸如陌生人交流,网站爬虫归类等等附加的功能。用商业性网站的建站标准来规范化网站,也给自己一个实践的机会~

花了四五个小时整理了思路,考虑的东西有点多,所以通过文字将建站的整个过程记录下来。

1、网站定位

记录生活,分享交流。凸显交流。

2、设计理念

  • 重视体验
  • 数据在前端
  • 实时更新
  • 快、稳定、安全
  • 自动化
  • 低消耗、低流量

3、基本架构

+------------------+     +------------------+
| Frond-End        |     | Browser          |
|                  |     |                  |
|     前端处理      |     +--------------+   |
|                  |←---→| LocalStorage |   |
+--↑-----↑-----↑---+     +--------------+---+
   |     |     |                             
+--↓-----↓-----↓---+     
| NodeJS           |     +-------------+  
|     处理I/O      |     | Database    |  
|                  |←-+-→|             |  
+-----|-----↑------+  |  |             |  
      |     |         |  |             |
+-----↓-----|------+  |  +----------+  |
| PHP              |  |  |          |  |
|     处理数据      |←-+-→|   cache  |  |
|                  |     |          |  |
+------------------+     +----------+--+  

 

三个重点:

  • 前端数据缓存。数据放在本地LocalStorage中,用户每次访问网站,都会从数据库拉去数据,同步到本地。低版本IE基本快死绝了,这个降级处理。
  • NodeJS 处理I/O,如果某个页面的单日访问量太大,不至于服务器扛不住。由于全站使用socket连接,利用NodeJS也便于后端编程。
  • 数据库对针对访问频率进行cache。

4、基本模块

  1. 留言,多个位置使用,组件化处理
  2. 自动化分享,发布文章自动分享到 SNS 上
  3. 防盗链/盗链
  4. 数据自动备份
  5. 后台发文系统
  6. 提问交流平台
  7. 陌生人交流模块
  8. 最新资讯的爬虫
  9. RSS聚合
  10. QQ回复/邮件自动回复功能

后续会针对每个功能模块,进行详细的记录。