[发明专利]混合开发中前端代码的远程调试方法、设备及存储介质

权利要求书

1.一种混合开发中前端代码的远程调试方法，其特征在于，所述前端代码位于第一电子设备上，所述第一电子设备上安装有浏览器和本地服务，所述方法包括：

所述浏览器运行所述前端代码，以渲染出前端页面，所述前端页面上至少包括第一类业务控件；

生成用于对所述前端页面进行远程调试所需的插件，并借助于本地服务在所述插件与原生客户端之间建立远程通信连接，所述原生客户端位于第二电子设备上，包含与所述前端代码混编生成混合应用所需的原生代码；

响应对任一第一类业务控件的触发操作，生成与被触发的第一类业务控件对应的第一协议请求和回调函数，所述第一协议请求需要所述原生客户端调用原生能力进行响应；

调用所述插件将所述第一协议请求和所述回调函数封装成第一远程请求，通过所述远程通信连接发送给所述原生客户端并接收所述原生客户端返回的所述回调函数和其调用与所述第一协议请求适配的原生能力产生的回调数据；

调用所述插件执行所述回调函数以对所述回调数据进行业务处理，得到第一处理结果，所述第一处理结果反映所述前端代码的调试结果。

2.根据权利要求1所述的方法，其特征在于，所述前端页面上还包括第二类业务控件，所述方法还包括：

响应对任一第二类业务控件的触发操作，生成与被触发的第二类业务控件对应的第二协议请求，所述第二协议请求需要所述原生客户端调用原生能力进行响应；

调用所述插件将所述第二协议请求封装成第二远程请求，并通过所述远程通信连接发送给所述原生客户端，以供所述原生客户端调用与所述第二协议请求适配的原生能力执行对应的业务处理，以得到第二处理结果；所述第二处理结果反映所述前端代码的调试结果。

3.根据权利要求2所述的方法，其特征在于，还包括：

接收所述原生客户端通过所述远程通信连接返回的第二处理结果；

根据所述第一处理结果和所述第二处理结果生成所述前端代码的调试结果，并输出所述调试结果。

4.根据权利要求1所述的方法，其特征在于，借助于本地服务在所述前端页面与原生客户端之间建立远程通信连接，包括：

显示所述插件对应的调试页面，所述调试页面上包括可扫描的编码图形，所述编码图形指向由本地服务提供的消息页面；

响应所述原生客户端对所述编码图形的扫描操作，展示所述消息页面，并将所述前端页面的标识和所述原生客户端的标识发送给本地服务，以供本地服务分别与所述前端页面和所述原生客户端建立套接字连接。

5.根据权利要求4所述的方法，其特征在于，通过所述远程通信连接发送给所述原生客户端并接收所述原生客户端返回的所述回调函数和其调用与所述第一协议请求适配的原生能力产生的回调数据，包括：

将所述第一远程请求发送给本地服务，以供本地服务将基于其与所述原生客户端之间的套接字连接发送给所述原生客户端并接收所述原生客户端返回的所述回调函数和所述回调数据；

接收本地服务基于其与所述前端页面之间的套接字连接发送的所述回调函数和所述回调数据，并将所述回调函数和所述回调数据添加至所述消息页面上的消息列表中，以供所述插件进行处理。

6.根据权利要求1所述的方法，其特征在于，调用所述插件执行所述回调函数以对所述回调数据进行业务处理，得到第一处理结果，包括：

调用所述插件执行所述回调函数，以将所述回调数据渲染至所述前端页面对应的结果页面上，得到第一处理结果；

或者，

调用所述插件执行所述回调函数，以将所述回调数据上传至业务服务端，并接收所述业务服务端对所述回调数据进行处理的结果，作为第一处理结果。

7.根据权利要求1-6任一项所述的方法，其特征在于，所述方法还包括：

预先将所述原生客户端的标识以及所述原生客户端所支持的数据格式配置在所述浏览器中；

相应地，调用所述插件将所述第一协议请求和所述回调函数封装成第一远程请求，包括：调用所述插件将所述第一协议请求和所述回调函数转换为所述原生客户端支持的数据格式并将格式转换后的第一协议请求和回调函数封装成第一远程请求。