如何建设社交网站 第1篇
在线聊天网站主要涉及两个网页 - 登陆(注册)页面,聊天主页。 (页面的结构与样式可根据个人喜好进行调整)
使用到的应用层 通信协议:HTTP 协议,WebSocket 协议
上图为在线聊天网站的运转基本结构,我们需要对前端,通信协议及数据交互格式,后端,数据库等方面进行开发。
为了更好地实现开发,我们将项目进行模块划分:用户模块,好友模块,会话模块,消息模块。对于每个模块,我们都要进行每个模块各自的 前端,后端,通信协议格式,数据库等方面的专门设计与编写。
本篇文章将会基于这四个模块进行展开。
如何建设社交网站 第2篇
目前,我们已经完成了 用户模块 的后端代码部分,接下来我们需要完成另一项核心工作 - 搭建客户端网页。
对于客户端网页的搭建,我们使用 HTML 和 CSS 标签语言完成这两个页面的搭建,具体代码不在文章中展示,详细请参考源码中的 static 目录(源码于第一章)。
我们着重介绍 客户端使用 JavaScript 与 JQuery 完成与服务器的数据互动。我们针对不同的功能进行分别介绍:
在上述的 JavaScript 代码中,我们使用到了JQuery:jQuery 是一个快速、小巧且功能丰富的 JavaScript 库,旨在简化 HTML 文档的遍历和操作、事件处理、动画以及 Ajax 交互等任务。
通过 Ajax 方法 进行与服务器数据的交互,这里构造的数据格式遵循了 小节 约定的格式。
注册功能的JS代码与登录功能的JS代码十分相似,详细请看源码。
当用户登录成功进入聊天主网页后,客户端(即浏览器)会自动加载该JS方法(获取用户信息)。
接下来,我们进行第二个模块的开发 - 好友模块。
在用户模块中,我们主要实现一个功能:
如何建设社交网站 第3篇
请求: POST /register Content-Type: application/x-www-form-urlencoded username=zhangsan&password=123
响应: HTTP/ 200 OK Content-Type: application/json { userId: 1, username: 'zhangsan' } (如果注册失败,则返回空对象)