新手用MEVN写了一个在线聊天app~~
发布于 1 年前 作者 junlinguo11 2578 次浏览 最后一次编辑是 10 个月前 来自 分享

链接: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,欢迎加我嘻嘻

25 回复

帮忙测试啊~~~

这界面自己设计的吗 很棒

页面确实不错

注册发生了问题吗?

@lovelifeloveyou 响应速度可能有些慢

注册挂掉了,没有反应

@poorEnMe 国内响应速度比较慢

我也写了个聊天室。。。 https://chat.penlh.com/group/moonlight 我的要用GitHub 第三方登录 省去了注册需要收集大量信息的麻烦 直接调用github第三方数据。 我的是港服vps,能翻墙同时也可以 搭个聊天室。。 内地访问速度同样很快。。。 好吧,界面太丑,发送信息功能我还在做。。。 ,我很想知道作者你的源码不放在github 或者 githlab 这样的第三方代码平台, 你的服务器如何拉取代码呀? 还是说你用ftp直接将文件上传到服务器? 你这个界面倒是很漂亮,进去不如直接加入默认群(反正用户最多也不会超过500+)

@poorEnMe heroku免费的 dyno:)

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

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

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

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

@junlinguo11 ok了,thanks 翻墙就行

回到顶部