新手用MEVN写了一个在线聊天app~~ - CNode技术社区

链接:https://chun-chat.herokuapp.com

• 使用MEVN技术栈 + socket.io开发。使用Vuex管理组件状态。
• 前后端分离,后端(Nodejs)提供API, 对应操作数据库资源. 前端(Vuejs)发送API请求, 更新视图.
• 注册表实现后端验证, 用户输入时检查邮箱和用户名是否被注册, 注册表使用reCAPTCHA提供验证功能. 前端使用vee-validate检查用户输入, 后端使用express-validator检查POST body. 使用passport定义登录策略. 使用bcrypt加密, 比较用户密码.
• 使用JWT实现用户登录。用户登录成功后将用户基本信息编码得到JWT,使用cookie存放JWT。
• 允许用户注册, 登录, 登出, 上传图片修改头像, 发布个性签名, 添加表情. 允许用户搜索好友, 添加好友, 实时接收好友请求. 提供消息提示, 好友请求提示, 对方正在输入提示. 根据朋友性别更改聊天气泡颜色. 按需加载历史聊天记录, 允许用户清空聊天,删除聊天. 记录在线用户, 防止账号同时登陆. 定时更新好友信息.

** 头像图床用的imgur, 大陆的ip不能上传图片。。。

新手轻喷~~~

我的用户名是junlinguo11,欢迎加我嘻嘻

界面不错

@fightAndLearn 谢谢:)

帮忙测试啊~~~

这界面自己设计的吗 很棒

页面确实不错

注册发生了问题吗?

github地址呢

@ResJay 谢谢鼓励~

@dengnan123 谢谢,嘿嘿

@lovelifeloveyou 响应速度可能有些慢

@leeseean 还没放github

注册挂掉了,没有反应

@poorEnMe 国内响应速度比较慢

@junlinguo11 = = 等了半分多种

@poorEnMe heroku免费的 dyno:)

为什么注册不了,好像有报错奥

@pengliheng 代码部署在heroku。写之前考虑过搞成聊天室的形式,但还是想再折腾折腾。

@kangweijie 我看一下哦~谢谢提醒

@kangweijie 刚试了下我这边ok的,有兴趣麻烦再试一次~谢谢

@junlinguo11 ok了,thanks 翻墙就行

@kangweijie 嘿嘿嘿

代码地址呢

@weizhuanhua 还没放github

zan