一對一聊天websocket

• • 1. 效果展示
  • 2. 業務分析（邏輯展示...）
  • 3. 技術點

• 功能
• 即時發送消息||隨時發送消息
• 歷史消息顯示
• 已讀未讀狀態

1. 效果展示

• 由于沒做登錄，就以jack和rose兩人聊天
  

• 兩人可相互發消息

• 持續輸出. .

• 當只有jack在線時
  
  

• 嚶嚶嚶怪上線
  

• jack發出的消息未讀改為已讀

• 當jack離線，rose想jack了

• jack上線了（jack已讀）

2. 業務分析（邏輯展示…）

發送的消息默認未讀 1. 加載頁面查詢jack和rose之間的歷史消息 2. 修改發給jack的歷史消息狀態為已讀 3. jack發送通知到服務器，發給jack的消息已經收到， 服務器再用websocket發送消息到rose，把未讀消息不做展示上面分析了rose不在線的情況下，當兩人同時在線的情況 4. jack發送消息到服務器，服務器保存消息，在把消息轉發到rose 5. rose收到消息，修改jack發給rose的消息為已讀（js websocket） 6. 然后rose通過ajax發送消息到服務器，服務器通知jack 把未讀消息不做展示

3. 技術點

后臺1. java websocket 傳輸部分業務數據2. servlet, 數據庫技術, json 作為數據傳輸 3. oracle 作為持久化存儲 頁面1. html+css+js2. js有jQuery, ajax, js websocket, js dom操作

具體的websocket代碼實現

gitHub項目下載地址

嚶嚶嚶. .

總結

以上是生活随笔為你收集整理的利用websocket实现一对一聊天的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。