kerwinchina / happy-chat-web

一款聊天的技术产品，支持pc端，无线端，桌面端和android端。支持文字，emoji表情，https和http2.0，全局Router.beforEach实现数据埋点等，技术栈：vue+vuex+koa2+websocketIO+mysql+redis。桌面端(win)采用的electron实现，android端采用cordova。地址https://chat.chengxinsong.cn

happy-chat-web

乐聊，一个快乐聊天的应用，支持pc端和无线端。一款聊天的技术产品，支持pc端，无线端，桌面端和android端。支持文字，emoji表情，https和http2.0，全局Router.beforEach实现数据埋点等，技术栈：vue+vuex+koa2+websocketIO+mysql+redis。桌面端(win)采用的electron实现，android端采用cordova。线上地址：https://chat.chengxinsong.cn

1、功能

• 版本v 1.0.0

  • 1、支持注册用户和邮件激活用户；
  • 2、支持登陆
  • 3、支持机器人聊天；
  • 4、支持加好友，一对一聊天；
  • 5、支持创建群，加群，一对多聊天；
  • 6、支持删除好友，退出群
  • 7、支持个人信息编辑
  • 8、支持添加好友备注
  • 9、支持聊天中文字发送
  • 10、支持浏览器：Chrome，Firefox，Safari，IE9及以上；

• 版本v 1.1.0

  • 1、支持聊天中表情发送
  • 2、支持聊天内容分页获取，滚动条保持在分页时候的地方
  • 3、支持聊天中图片发送

• 版本v 1.1.1

  • 1、支持https和http2.0，前端路由模式history

• 版本v 1.1.2

  • 1、数据埋点，页面PV相关数据统计
  • 2、登陆日志统计

• 版本v 1.1.3

  • 1、留言反馈模块
  • 2、支持用户名登陆修改密码

2、线上地址

https://chat.chengxinsong.cn

3、源码使用

git clone https:// github.com/saucxs/happy-chat-web.git

cd happy-chat-web

npm i

npm run dev 

4、截图

聊天

机器人

消息列表

通讯录

个人信息

等等

5、源码地址

项目采用前后端分离，暂时没有给出数据库，有需求可以联系我。

• 前端代码：https://github.com/saucxs/happy-chat-web
• 后端代码：https://github.com/saucxs/happy-chat-node

6、相应文章

• happyChat开发系列：使用websocket.io实现双向通信的乐聊大前端开发
• 【nginx系列】nginx升级到支持HTTP2.0

7、欢迎关注

show me code：https://github.com/saucxs

后续会出更多知识体系构建，技术分享，项目实战，实验室等，欢迎关注本公众号:[松宝写代码]

微信公众号：[松宝写代码] songEagle开发知识体系构建，技术分享，项目实战，实验室，带你一起学习新技术，总结学习过程，让你进阶到高级资深工程师，学习项目管理，思考职业发展，生活感悟，充实中成长起来。问题或建议，请公众号留言。

微信群：【写代码】研发进阶群 一个成长交流的产研群，帮忙拉产研的同学们进群，聚聚人气😘😘。 每一个开发同学都应该形成自己的知识体系，做到提纲挈领🧐🧐🧐