Swoole+React 实现的聊天室

#1

前后端分离的项目,使用Swoole+React实现的聊天室,整个项目的框架结构可以进行参考,前端react+react-redux+react-router+react-ant等等,后台使用easySwoole,自行实现中间件(数据封装,token验证,签名验证),认真看代码可以学到很多哦,:smile:

1.项目链接

1.1 swoole(请star)

1.2 react(请star)

2.简介

本人为了更加便利的开发,自行实现了中间件,封装了请求数据体,利用jwt实现api的token验证,集成了Laravel的ORM,再次封装了一套适合api编写流程的数据请求流程,具体可以看App/Base目录下的Model类,具体开发步骤详见代码即可。

3.主要实现

  • 登录注册,验证码发送(如果需要测试,可以结合前端react将验证码打印出来即可)
  • 公共聊天室(一旦用户登录,用户列表即会增加,该用户可以进行加好友操作)
  • 消息推送(可以利用swoole的异步进程实现)
  • 私聊室 (加完好友即可进行私聊)
  • 其余功能可以添加…

4.安装

4.1后台安装

这里只是后台逻辑,前端的对应项目请移步到: https://github.com/LaravelChen/React-Small-Chat

php server start

因为swoole常驻内存,所以一旦修改代码,需要重启。

4.2前端安装

npm install
npm run start

5.项目效果

5.1 畅聊室


5.2 私聊室


此外,还有其他的加好友,消息推送等效果不演示了,可以自行下载安装使用,效果很好!

#2

感谢分享,看上去很不错。我正好需要一个聊天服务器。
我很想试试,希望有个安装手册,指明各种环境依赖。

#3

react+redux+react-router-dom+es6+nodejs仿微信即时IM聊天室|仿微信界面
https://www.cnblogs.com/xiaoyan2017/p/11062316.html
003360%E6%88%AA%E5%9B%BE20190611172530005 011360%E6%88%AA%E5%9B%BE20190611174612277 014360%E6%88%AA%E5%9B%BE20190611174836214 017360%E6%88%AA%E5%9B%BE20190611175047013

#4

react全家桶技术开发仿微信网页版聊天室|react实例开发
https://www.cnblogs.com/xiaoyan2017/p/11106246.html
007360%E6%88%AA%E5%9B%BE20190619225205772
010360%E6%88%AA%E5%9B%BE20190619230342187