前後端分離的專案,使用Swoole+React實現的聊天室,整個專案的框架結構可以進行參考,前端react+react-redux+react-router+react-ant等等,後臺使用easySwoole,自行實現中介軟體(資料封裝,token驗證,簽名驗證),認真看程式碼可以學到很多哦,?!
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後臺安裝
這裡只是後臺邏輯,前端的對應專案請移步到: github.com/LaravelChen…
php server start複製程式碼
因為swoole常駐記憶體,所以一旦修改程式碼,需要重啟。
4.2前端安裝
npm install
npm run start複製程式碼
5.專案效果
5.1 暢聊室
5.2 私聊室
此外,還有其他的加好友,訊息推送等效果不演示了,可以自行下載安裝使用,效果很好!