Swoole+React 实现的聊天室

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

1.项目连接

1.1 swoole(请star)

github.com/LaravelChen…前端

1.2 react(请star)

github.com/LaravelChen…react

2.简介

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

3.主要实现

  • 登陆注册,验证码发送(若是须要测试,能够结合前端react将验证码打印出来便可)
  • 公共聊天室(一旦用户登陆,用户列表即会增长,该用户能够进行加好友操做)
  • 消息推送(能够利用swoole的异步进程实现)
  • 私聊室 (加无缺友便可进行私聊)
  • 其他功能能够添加......

4.安装

4.1后台安装

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

php server start复制代码

由于swoole常驻内存,因此一旦修改代码,须要重启。npm

4.2前端安装

npm install
npm run start复制代码

5.项目效果

5.1 畅聊室

image
image

5.2 私聊室

image
image

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

相关文章
相关标签/搜索