一對(duì)一聊天websocket

• • 1. 效果展示
  • 2. 業(yè)務(wù)分析（邏輯展示...）
  • 3. 技術(shù)點(diǎn)

• 功能
• 即時(shí)發(fā)送消息||隨時(shí)發(fā)送消息
• 歷史消息顯示
• 已讀未讀狀態(tài)

1. 效果展示

• 由于沒(méi)做登錄，就以jack和rose兩人聊天
  

• 兩人可相互發(fā)消息

• 持續(xù)輸出. .

• 當(dāng)只有jack在線時(shí)
  
  

• 嚶嚶嚶怪上線
  

• jack發(fā)出的消息未讀改為已讀

• 當(dāng)jack離線，rose想jack了

• jack上線了（jack已讀）

2. 業(yè)務(wù)分析（邏輯展示…）

發(fā)送的消息默認(rèn)未讀 1. 加載頁(yè)面查詢jack和rose之間的歷史消息 2. 修改發(fā)給jack的歷史消息狀態(tài)為已讀 3. jack發(fā)送通知到服務(wù)器，發(fā)給jack的消息已經(jīng)收到， 服務(wù)器再用websocket發(fā)送消息到rose，把未讀消息不做展示上面分析了rose不在線的情況下，當(dāng)兩人同時(shí)在線的情況 4. jack發(fā)送消息到服務(wù)器，服務(wù)器保存消息，在把消息轉(zhuǎn)發(fā)到rose 5. rose收到消息，修改jack發(fā)給rose的消息為已讀（js websocket） 6. 然后rose通過(guò)ajax發(fā)送消息到服務(wù)器，服務(wù)器通知jack 把未讀消息不做展示

3. 技術(shù)點(diǎn)

后臺(tái)1. java websocket 傳輸部分業(yè)務(wù)數(shù)據(jù)2. servlet, 數(shù)據(jù)庫(kù)技術(shù), json 作為數(shù)據(jù)傳輸 3. oracle 作為持久化存儲(chǔ) 頁(yè)面1. html+css+js2. js有jQuery, ajax, js websocket, js dom操作

具體的websocket代碼實(shí)現(xiàn)

gitHub項(xiàng)目下載地址

嚶嚶嚶. .

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。