本文由45歲老架構師尼恩分享,感謝作者,有修訂和重新排版。 1、引言 你有沒有想過,為什麼 ChatGPT 的回答能逐字逐句地“流”出來?這一切的背後,都離不開一項關鍵技術——SSE(Server-Sent Events)! 本文從SSE(Server-Sent Events)技術的原理到示例代碼,為你通俗易懂的講解SSE技術的方方面面。 2、AI大模型實時通信技術專題 技術專題系列
一、背景 最近做接口的性能改造,大概背景如下: 舊: 1.前端每秒輪詢後端接口,接口返回數據狀態,前端用狀態做判斷,變更頁面交互。 2.前端固定調用後端接口,接口阻塞100秒,等待後端隨時返回結果,100秒到達後無結果,直接失敗。 新: 改為ServerSentEvent以text-event-stream固定時間窗口由後端返回處理進度。 二、簡單對比 1.後端服務壓力大。
本文不贅述具體概念,通過具體案例效果,學習sse (Server-SentEvents)的具體實現,以react框架為例 SSE具體應用場景 SSE(Server-Sent Events,服務器推送事件)是一種基於 HTTP 的單向實時通信協議,核心特點是服務器主動向客户端推送數據,客户端僅被動接收,無需頻繁輪詢,且天然支持斷線重連、事件標識等特性。其應用場景主要集中在 “服務器需主動向客户端推送