使用socket.io + express + mongodb制作在线聊天室
Posted webchang
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用socket.io + express + mongodb制作在线聊天室相关的知识,希望对你有一定的参考价值。
一、先用websocket制作简易版本的聊天室
二、再用socket.io + express + mongodb制作复杂一点的在线聊天室
- 代码地址:https://github.com/ChangYanwei/chatroom
- 体验地址:http://8.131.68.141:7000
- 使用socket.io监听连接的建立、断开事件,监听用户的登录、发送消息事件
- 使用express开放静态资源目录
- 使用html2canvas实现截图
- 使用jQuery-emoji添加表情
- 除了选用默认头像外,用户可以上传本地图片作为头像
- 点击图片消息放大预览
- 用户信息保存到了MongoDB数据库中,使用mongoose在node中操作数据库
- 聊天记录没有持久化存储,刷新页面后聊天信息就没有了
注册页面
登录界面
聊天界面
修改头像
mongodb数据库中存储的用户信息
动图展示
前端学习交流QQ群:862748629 点击加入
以上是关于使用socket.io + express + mongodb制作在线聊天室的主要内容,如果未能解决你的问题,请参考以下文章
Socket.io 使用 node.js,根本没有 express?
与 socket.io 一起使用时 express-session 未设置会话 cookie