前端开发页面的调试系统、方法、电子设备及存储介质.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN113946518A(43)申请公布日2022.01.18(21)申请号202111246222.8(22)申请日2021.10.26(71)申请人百度在线网络技术（北京）有限公司地址100085北京市海淀区上地十街10号百度大厦三层(72)发明人徐莹(74)专利代理机构北京柏杉松知识产权代理事务所(普通合伙)11413代理人马敬丁芸(51)Int.Cl.G06F11/36(2006.01)权利要求书4页说明书13页附图3页(54)发明名称前端开发页面的调试系统、方法、电子设备及存储介质(57)摘要本公开提供了一种前端开发页面的调试系统、方法、电子设备及存储介质，涉及计算机技术领域，尤其涉及前端开发技术领域，以及前端小程序页面开发技术领域。具体实现方案为：调试插件模块监听前端开发页面的接口调用请求，并在确定不对接口调用请求进行拦截的情况下，将接口调用请求发送给模拟服务器；其中，接口调用请求中包含待调用接口的标识信息；模拟服务器接收调试插件模块发送的接口调用请求，并从本地模拟数据中确定待调用接口的标识信息对应的目标响应数据，将目标响应数据返回给前端开发页面。实现了后端服务未完成开发的情况下，启动前端页面的开发调试，达到前端页面与后端服务并行开发的效果，提高前端开发的效率。CN113946518ACN113946518A权利要求书1/4页1.一种前端开发页面的调试系统，所述调试系统包括：模拟服务器、调试插件模块，所述调试插件模块，用于监听前端开发页面的接口调用请求，并在确定不对所述接口调用请求进行拦截的情况下，将所述接口调用请求发送给所述模拟服务器；其中，所述接口调用请求中包含待调用接口的标识信息；所述模拟服务器，用于接收所述调试插件模块发送的所述接口调用请求，并从本地模拟数据中确定所述待调用接口的标识信息对应的目标响应数据，将所述目标响应数据返回给所述前端开发页面。2.根据权利要求1所述的系统，其中，所述调试插件模块，具体用于：向所述前端开发页面中注入目标脚本文件，以使所述目标脚本文件创建针对所述前端开发页面的目标代理对象；获取所述目标代理对象监听到的所述前端开发页面的接口调用请求。3.根据权利要求1所述的系统，所述调试插件模块，还用于：获取用户在第一接口输入框中输入的目标接口信息，确定所述目标接口信息对应的接口服务器是否完成开发，在所述目标接口信息对应的接口服务器完成开发，且响应数据的下载启用开关打开的情况下，下载并存储所述目标接口信息对应的接口服务器的响应数据；获取用户在第二接口输入框中输入的自定义接口信息，以及在所述第二接口输入框对应的响应数据输入框中输入的响应数据，并将所述自定义接口信息对应的接口标识以及响应数据存储至所述调试插件模块中。4.根据权利要求3所述的系统，其中，所述调试插件模块，还用于：在启用请求拦截时，基于所述待调用接口的标识信息，以及所述调试插件模块中存储的所述自定义接口信息对应的接口标识，确定是否对所述接口调用请求进行拦截，如果是，则从所述调试插件模块中确定所述待调用接口的标识信息对应的目标响应数据，并将所述目标响应数据返回给所述前端开发页面。5.根据权利要求3所述的系统，所述模拟服务器包括：模拟数据模块，路由模块，文件服务模块，其中，所述模拟数据模块，用于对所述调试插件模块下载的所述目标接口信息对应的接口服务器的响应数据进行存储，以及存储自定义响应数据；所述路由模块，用于存储接口标识与响应数据的标识信息之间的对应关系；所述文件服务模块，用于对所述接口调用请求进行监听，并在监听到所述接口调用请求时，基于所述待调用接口的标识信息，在所述路由模块中查询所述待调用接口的标识信息所对应的目标响应数据的标识信息，以及根据所述目标响应数据的标识信息，从所述模拟数据模块中获取所述目标响应数据，并将所述目标响应数据返回给所述前端开发页面。6.根据权利要求5所述的系统，所述模拟服务器还包括文件系统模块，所述文件系统模块，用于对所述模拟数据模块中存储的响应数据是否发生变更进行监听，并在所述模拟数据模块中存储的响应数据发生变更时，向所述路由模块发送数据变更信息；所述路由模块，还用于在接收到所述数据变更信息时，更新所述接口标识与响应数据的标识信息之间的对应关系。2CN113946518A权利要求书2/4页7.根据权利要求1‑6任一所述的系统，其中，所述前端开发页面为前端小程序开发页面。8.一种前端开发页面的调试系统，所述调试系统包括：模拟服务器，所述模拟服务器包括：模拟数据模块，路由模块，文件服务模块，所述模拟数据模块，用于存储自定义响应数据；所述路由模块，用于存储接口标识与响应数据的标识信息之间的对应关系；所述文件服务模块，用于对前端开发页面的接口