[發明專利]前端開發頁面的調試系統、方法、電子設備及存儲介質

在審

• 申請號: 202111246222.8
• 申請日: 2021-10-26
• 公開（公告）號: CN113946518A
• 公開（公告）日: 2022-01-18
• 發明（設計）人: 徐瑩
• 申請（專利權）人: 百度在線網絡技術（北京）有限公司
• 主分類號: G06F11/36
• 分類號: G06F11/36
• 代理公司: 北京柏杉松知識產權代理事務所(普通合伙) 11413
• 代理人: 馬敬;丁蕓

本公開提供了一種前端開發頁面的調試系統、方法、電子設備及存儲介質，涉及計算機技術領域，尤其涉及前端開發技術領域，以及前端小程序頁面開發技術領域。具體實現方案為：調試插件模塊監聽前端開發頁面的接口調用請求，并在確定不對接口調用請求進行攔截的情況下，將接口調用請求發送給模擬服務器；其中，接口調用請求中包含待調用接口的標識信息；模擬服務器接收調試插件模塊發送的接口調用請求，并從本地模擬數據中確定待調用接口的標識信息對應的目標響應數據，將目標響應數據返回給前端開發頁面。實現了后端服務未完成開發的情況下，啟動前端頁面的開發調試，達到前端頁面與后端服務并行開發的效果，提高前端開發的效率。

技術領域

本公開涉及計算機技術領域，進一步涉及前端開發技術領域，以及前端小程序頁面開發技術領域，尤其涉及一種前端開發頁面的調試系統、方法、電子設備及存儲介質。

背景技術

應用程序等的開發通常分為前端頁面和后端服務，前端頁面的開發、調試通常強依賴于后端服務。即，通常作為前置任務的后端服務(比如，服務端接口功能和數據等)就緒后，作為后置任務的前端頁面才能夠啟動開發。

發明內容

本公開提供了一種前端開發頁面的調試系統、方法、電子設備及存儲介質。

根據本公開的一方面，提供了一種前端開發頁面的調試系統，所述調試系統包括：模擬服務器、調試插件模塊，

所述調試插件模塊，用于監聽前端開發頁面的接口調用請求，并在確定不對所述接口調用請求進行攔截的情況下，將所述接口調用請求發送給所述模擬服務器；其中，所述接口調用請求中包含待調用接口的標識信息；

所述模擬服務器，用于接收所述調試插件模塊發送的所述接口調用請求，并從本地模擬數據中確定所述待調用接口的標識信息對應的目標響應數據，將所述目標響應數據返回給所述前端開發頁面。

根據本公開的另一方面，提供了一種前端開發頁面的調試系統，所述調試系統包括：模擬服務器，所述模擬服務器包括：模擬數據模塊，路由模塊，文件服務模塊，

所述模擬數據模塊，用于存儲自定義響應數據；

所述路由模塊，用于存儲接口標識與響應數據的標識信息之間的對應關系；所述文件服務模塊，用于對前端開發頁面的接口調用請求進行監聽，并在監聽到所述接口調用請求時，基于待調用接口的標識信息，在所述路由模塊中查詢所述待調用接口的標識信息所對應的目標響應數據的標識信息，以及根據所述目標響應數據的標識信息，從所述模擬數據模塊中獲取所述目標響應數據，并將所述目標響應數據返回給所述前端開發頁面；其中，所述接口調用請求中包含待調用接口的標識信息。

根據本公開的另一方面，提供了一種前端開發頁面的調試方法，應用于前端開發頁面的調試系統，所述調試系統包括：模擬服務器、調試插件模塊；所述方法包括：

所述調試插件模塊監聽前端開發頁面的接口調用請求，并在確定不對所述接口調用請求進行攔截的情況下，將所述接口調用請求發送給所述模擬服務器；其中，所述接口調用請求中包含待調用接口的標識信息；

所述模擬服務器接收所述調試插件模塊發送的所述接口調用請求，并從本地模擬數據中確定所述待調用接口的標識信息對應的目標響應數據，將所述目標響應數據返回給所述前端開發頁面。

根據本公開的另一方面，提供了一種前端開發頁面的調試方法，應用于前端開發頁面的調試系統，所述調試系統包括：模擬服務器，所述模擬服務器包括：模擬數據模塊，路由模塊，文件服務模塊；所述方法包括：

所述模擬數據模塊存儲自定義響應數據；

所述路由模塊存儲接口標識與響應數據的標識信息之間的對應關系；