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

相關文章
相關標籤/搜索