[發(fā)明專利]基于Fetch的數(shù)據(jù)通信方法和系統(tǒng)

有效

• 申請?zhí)枺?/td>: 202011617368.4
• 申請日: 2020-12-30
• 公開（公告）號: CN112667948B
• 公開（公告）日: 2023-02-07
• 發(fā)明（設(shè)計）人: 袁楠;崔勇芳
• 申請（專利權(quán)）人: 杭州天闕科技有限公司
• 主分類號: G06F16/958
• 分類號: G06F16/958;G06F9/445;G06F9/448
• 代理公司: 北京細軟智谷知識產(chǎn)權(quán)代理有限責任公司 11471
• 代理人: 牛晴

本發(fā)明涉及一種基于Fetch的數(shù)據(jù)通信方法和系統(tǒng)，所述方法包括：客戶端基于Fetch向服務(wù)器端發(fā)送請求；根據(jù)客戶端發(fā)送的請求，選擇Client中相應的方法，并通過Request中統(tǒng)一封裝的request方法向服務(wù)器端發(fā)送請求；服務(wù)器端接收到發(fā)送請求后，根據(jù)請求參數(shù)從數(shù)據(jù)庫獲取相應數(shù)據(jù)，并返回給客戶端。本發(fā)明提出了一個通用的請求流程，提供統(tǒng)一的初始化配置信息，能夠適應不同配置下的各種請求；該方法將請求方式標準化，通過給定的請求方式進行數(shù)據(jù)請求，降低了用戶使用門檻；該方法將攔截器規(guī)范化，規(guī)范了請求攔截、響應攔截和異常處理，為整個請求流程提供了可靠、規(guī)范的數(shù)據(jù)處理過程，有利于實現(xiàn)前后端的高質(zhì)量通信。

技術(shù)領(lǐng)域

本發(fā)明涉及web前端開發(fā)技術(shù)領(lǐng)域，具體涉及一種基于Fetch的數(shù)據(jù)通信方法和系統(tǒng)。

背景技術(shù)

目前前端開發(fā)領(lǐng)域有各種前后端數(shù)據(jù)通訊的業(yè)務(wù)場景，包括：靜態(tài)資源的獲取、數(shù)據(jù)的更新、頁面的無刷新渲染等等。現(xiàn)有的兩端之間的數(shù)據(jù)交互常用的是基于XMLHttpRequests開發(fā)的第三方庫，因此依賴的質(zhì)量良莠不齊，可擴展性也因XMLHttpRequests的局限性而不同。

現(xiàn)有的前端項目只要與后臺進行數(shù)據(jù)交互時，都會用到相關(guān)的Http請求庫，以實現(xiàn)頁面數(shù)據(jù)的局部渲染。目前市場上提供的Http庫中，基本都是通過Promise封裝XMLHttpRequests的Http庫，應用場景多為瀏覽器端。比如現(xiàn)在市場上覆蓋率最高的Http庫為Axios，是為數(shù)不多的可以在瀏覽器和node中同時使用的庫。現(xiàn)有的Http庫可擴展性和高效性較差，代碼的復雜度較高，功能實現(xiàn)操作復雜，擴展的信息不清晰、調(diào)用不方便，嚴重影響了web前端開發(fā)者的開發(fā)效率和質(zhì)量，不利于實現(xiàn)前后端的高質(zhì)量數(shù)據(jù)通信。

發(fā)明內(nèi)容

有鑒于此，本發(fā)明的目的在于克服現(xiàn)有技術(shù)的不足，提供一種基于Fetch的數(shù)據(jù)通信方法和系統(tǒng)。

為實現(xiàn)以上目的，本發(fā)明采用如下技術(shù)方案：一種基于Fetch的數(shù)據(jù)通信方法，包括：

客戶端基于Fetch向服務(wù)器端發(fā)送請求；

根據(jù)客戶端發(fā)送的請求，選擇Client中相應的方法，并通過Request中統(tǒng)一封裝的request方法向服務(wù)器端發(fā)送請求；

服務(wù)器端接收到發(fā)送請求后，根據(jù)請求參數(shù)從數(shù)據(jù)庫獲取相應的數(shù)據(jù)，并將數(shù)據(jù)返回給客戶端。

可選的，所述客戶端基于Fetch向服務(wù)器端發(fā)送請求，包括：

引入http庫，并進行初始化配置；

以配置后的方式向服務(wù)器端發(fā)送請求。

可選的，所述http庫的開發(fā)過程包括四個步驟：

步驟一：通過window.fetch發(fā)起調(diào)用；

步驟二：抽離出window.fetch的功能模塊，并進行單獨編譯和存儲；

步驟三：對window.fetch原有的方法進行重寫，對window.fetch進行封裝、利用其Promise的特性添加請求/響應攔截器和異常處理器；

步驟四：將封裝好的http庫返回給用戶。

可選的，所述window.fetch的功能模塊，包括：

對客戶端請求方法進行統(tǒng)一管理的CLient，

對請求方式進行統(tǒng)一管理的Request，以及，

對接口異常進行捕獲處理的HttpError。

可選的，所述進行初始化配置，包括：

根據(jù)業(yè)務(wù)需求對請求方式和請求參數(shù)進行初始化配置；