[發明專利]一種單頁面應用的接口數據獲取方法、裝置及存儲介質

在審

• 申請號: 201911414852.4
• 申請日: 2019-12-31
• 公開（公告）號: CN111224880A
• 公開（公告）日: 2020-06-02
• 發明（設計）人: 張偉
• 申請（專利權）人: 北京健康之家科技有限公司
• 主分類號: H04L12/747
• 分類號: H04L12/747;H04L12/741;H04L29/08;G06F16/958;G06F16/957
• 代理公司: 北京中強智尚知識產權代理有限公司 11448
• 代理人: 黃耀威

本發明公開了一種單頁面應用的接口數據獲取方法、裝置及存儲介質，該方法包括在路由腳本文件加載時，基于預先配置的路由腳本文件對應的路由頁面接口所需參數向服務端發送接口預請求，接收服務端針對接口預請求返回的接口數據并緩存，若路由頁面掛載完成且準備發出接口請求，從緩存的接口數據中查找接口請求對應的接口數據，將查找到的接口請求對應的接口數據進行提取，并應用于路由頁面中。本發明實施例可以有效減少路由頁面掛載時發起的接口請求的等待時長，避免了由于路由頁面中接口數據獲取過慢導致的抖動問題，提高了用戶瀏覽頁面的體驗。

技術領域

本發明涉及web前端設計技術領域，尤其是一種單頁面應用的接口數據獲取方法、裝置及存儲介質。

背景技術

通常在單頁面應用中，每個頁面的接口請求需要等到該頁面的路由js加載完成并渲染后才開始發起，如在路由JS(JavaScript)加載完成之后進行路由頁面掛載，進而在路由頁面掛載完成后進行接口請求，這不僅會導致頁面渲染產生較明顯的抖動，而且會讓用戶感覺到頁面加載緩慢。

目前通過采用服務器端渲染(Server Side Rendering，SSR)技術，將組件或頁面通過服務器生成html字符串，然后發送到瀏覽器，最后將靜態標記“混合”為客戶端上完全交互的應用程序。或者通過服務器端渲染技術將一些可預加載的數據提前打到全局變量里使用。但是，采用上述方案僅僅可以解決首屏訪問的頁面白屏問題，在繼續訪問其他頁面時依然會存在先加載路由js且渲染頁面后再進行接口請求所導致的頁面抖動的情況，而且還會增加服務器的運行成本和學習成本，并且使得web前端開發條件受限。

發明內容

有鑒于此，本發明實施例提供了一種單頁面應用的接口數據獲取方法，能夠達到減少接口請求的請求時長，提高路由頁面中接口數據的獲取及展示效率的目的。

依據本發明實施例的一方面，提供了一種單頁面應用的接口數據獲取方法，包括：

在路由腳本文件加載時，基于預先配置的所述路由腳本文件對應的路由頁面接口所需參數向服務端發送接口預請求；

接收所述服務端針對所述接口預請求返回的接口數據，將所述接口數據進行緩存；

若所述路由頁面掛載完成且準備發出接口請求，從緩存的接口數據中查找所述接口請求對應的接口數據；

將查找到的所述接口請求對應的接口數據進行提取，并應用于所述路由頁面中。

可選地，基于預先配置的所述路由腳本文件對應的路由頁面接口所需參數向服務端發送接口預請求之后，還包括：

將接口預請求對應的預請求狀態進行緩存，其中，所述預請求狀態包含預請求完成或預請求進行中。

可選地，將查找到的所述接口請求對應的接口數據進行提取，包括：

若查找到接口請求對應的接口數據，分析緩存的所述接口預請求對應的預請求狀態是否為預請求完成；

若所述預請求狀態是預請求完成，將查找到的所述接口請求對應的接口數據進行提取；

若所述預請求狀態不是預請求完成，在指定時間內等待所述預請求狀態變為預請求完成后將查找到的所述接口請求對應的接口數據進行提取。

可選地，預先配置的所述路由腳本文件對應的路由頁面接口所需參數，包括：

接口所在路由頁面名稱、接口唯一標識、接口路徑中的至少一項。

可選地，所述從緩存的接口數據中查找所述接口請求對應的接口數據，包括：依據請求接口的接口唯一標識、接口路徑中的至少一項從緩存的接口數據中查找所述接口請求對應的接口數據。