Swoole+React 實現的聊天室

LaravelChen發表於2018-04-15

前後端分離的專案,使用Swoole+React實現的聊天室,整個專案的框架結構可以進行參考,前端react+react-redux+react-router+react-ant等等,後臺使用easySwoole,自行實現中介軟體(資料封裝,token驗證,簽名驗證),認真看程式碼可以學到很多哦,?!

1.專案連結

1.1 swoole(請star)

github.com/LaravelChen…

1.2 react(請star)

github.com/LaravelChen…

2.簡介

本人為了更加便利的開發,自行實現了中介軟體,封裝了請求資料體,利用jwt實現api的token驗證,整合了Laravel的ORM,再次封裝了一套適合api編寫流程的資料請求流程,具體可以看App/Base目錄下的Model類,具體開發步驟詳見程式碼即可。

3.主要實現

  • 登入註冊,驗證碼傳送(如果需要測試,可以結合前端react將驗證碼列印出來即可)
  • 公共聊天室(一旦使用者登入,使用者列表即會增加,該使用者可以進行加好友操作)
  • 訊息推送(可以利用swoole的非同步程式實現)
  • 私聊室 (加完好友即可進行私聊)
  • 其餘功能可以新增......

4.安裝

4.1後臺安裝

這裡只是後臺邏輯,前端的對應專案請移步到: github.com/LaravelChen…

php server start複製程式碼

因為swoole常駐記憶體,所以一旦修改程式碼,需要重啟。

4.2前端安裝

npm install
npm run start複製程式碼

5.專案效果

5.1 暢聊室

image
image

5.2 私聊室

image
image

此外,還有其他的加好友,訊息推送等效果不演示了,可以自行下載安裝使用,效果很好!


相關文章