[發明專利]基于Fetch的數據通信方法和系統

有效

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

1.一種基于Fetch的數據通信方法，其特征在于，包括：

客戶端基于Fetch向服務器端發送請求；

根據客戶端發送的請求，選擇Client中相應的方法，并通過Request中統一封裝的request方法向服務器端發送請求；

服務器端接收到發送請求后，根據請求參數從數據庫獲取相應的數據，并將數據返回給客戶端；

其中，所述客戶端基于Fetch向服務器端發送請求，包括：

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

以配置后的方式向服務器端發送請求；

其中，所述http庫的開發過程包括四個步驟：

步驟一：通過window.fetch發起調用；

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

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

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

2.根據權利要求1所述的數據通信方法，其特征在于，所述window.fetch的功能模塊，包括：

對客戶端請求方法進行統一管理的CLient，

對請求方式進行統一管理的Request，以及，

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

3.根據權利要求1所述的數據通信方法，其特征在于，所述進行初始化配置，包括：

根據業務需求對請求方式和請求參數進行初始化配置；

所述請求方式包括：get、post、put、delete、upload、download和ossDownload。

4.根據權利要求3所述的數據通信方法，其特征在于，所述選擇Client中相應的方法，包括：

調用Client中根據請求方式封裝的請求方法。

5.根據權利要求1至4任一項所述的數據通信方法，其特征在于，所述客戶端基于Fetch向服務器端發送請求，還包括：

設置請求/響應攔截器，和/或，設置異常處理器。

6.根據權利要求5所述的數據通信方法，其特征在于，

當客戶端設置了請求/響應攔截器后，所述選擇Client中相應的方法，包括：

調用Client中與攔截器相對應的攔截方法；

當客戶端設置了異常處理器后，所述選擇Client中相應的方法，包括：

調用Client中與異常處理器相對應的異常處理方法。

7.如權利要求5所述的數據通信方法，其特征在于，

當客戶端設置了請求/響應攔截器后，響應攔截器能夠對服務器端返回的數據進行處理，并將處理后的數據統一返回給客戶端；

當客戶端設置了異常處理器后，異常處理器能夠對服務器端返回的數據進行攔截，并處理報錯信息。

8.一種基于fetch的前后端數據通信系統，其特征在于，包括：

客戶端、OureaFetch庫和服務器端；

其中，所述客戶端用于基于Fetch向所述服務器端發送請求；

所述OureaFetch庫用于根據所述客戶端發送的請求，選擇Client中相應的方法，并通過Request中統一封裝的request方法向所述服務器端發送請求；

所述服務器端用于接收到發送請求后，根據請求參數從數據庫獲取相應的數據，并將數據返回給所述客戶端；

其中，所述客戶端基于Fetch向服務器端發送請求，包括：

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

以配置后的方式向服務器端發送請求；

其中，所述http庫的開發過程包括四個步驟：

步驟一：通過window.fetch發起調用；

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

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

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