【技术实现步骤摘要】
混合开发中前端代码的远程调试方法、设备及存储介质
[0001]本申请涉及互联网
，尤其涉及一种混合开发中前端代码的远程调试方法、设备及存储介质。
技术介绍
[0002]移动应用可分为三种：原生应用(native app)，网页应用(web app)，以及混合移动应用(hybrid app)。hybrid app是采用hybrid混合开发模式开发的应用，其实际上是native的框架与web内容的结合。目前，市场上主流的移动应用在开发迭代过程中，为了达到项目快速上线、规避客户端审核周期等目的，大多会使用hybrid混合开发模式。
[0003]在hybrid app开发过程中，web前端开发人员基于web环境开发业务逻辑对应的web页面，native开发人员基于原生环境开发客户端app的框架，两端开发人员频繁交互实现功能对接，与此同时，使用第三方代理工具将本地web页面的静态资源代理到客户端app内部，在客户端app的原生环境中对web页面的代码逻辑进行调试。现有调试方式依赖第三方代理工具，调试过程复杂，成本较高。<...
【技术保护点】
【技术特征摘要】
1.一种混合开发中前端代码的远程调试方法，其特征在于，所述前端代码位于第一电子设备上，所述第一电子设备上安装有浏览器和本地服务，所述方法包括：所述浏览器运行所述前端代码，以渲染出前端页面，所述前端页面上至少包括第一类业务控件；生成用于对所述前端页面进行远程调试所需的插件，并借助于本地服务在所述插件与原生客户端之间建立远程通信连接，所述原生客户端位于第二电子设备上，包含与所述前端代码混编生成混合应用所需的原生代码；响应对任一第一类业务控件的触发操作，生成与被触发的第一类业务控件对应的第一协议请求和回调函数，所述第一协议请求需要所述原生客户端调用原生能力进行响应；调用所述插件将所述第一协议请求和所述回调函数封装成第一远程请求，通过所述远程通信连接发送给所述原生客户端并接收所述原生客户端返回的所述回调函数和其调用与所述第一协议请求适配的原生能力产生的回调数据；调用所述插件执行所述回调函数以对所述回调数据进行业务处理，得到第一处理结果，所述第一处理结果反映所述前端代码的调试结果。2.根据权利要求1所述的方法，其特征在于，所述前端页面上还包括第二类业务控件，所述方法还包括：响应对任一第二类业务控件的触发操作，生成与被触发的第二类业务控件对应的第二协议请求，所述第二协议请求需要所述原生客户端调用原生能力进行响应；调用所述插件将所述第二协议请求封装成第二远程请求，并通过所述远程通信连接发送给所述原生客户端，以供所述原生客户端调用与所述第二协议请求适配的原生能力执行对应的业务处理，以得到第二处理结果；所述第二处理结果反映所述前端代码的调试结果。3.根据权利要求2所述的方法，其特征在于，还包括：接收所述原生客户端通过所述远程通信连接返回的第二处理结果；根据所述第一处理结果和所述第二处理结果生成所述前端代码的调试结果，并输出所述调试结果。4.根据权利要求1所述的方法，其特征在于，借助于本地服务在所述前端页面与原生客户端之间建立远程通信连接，包括：显示所述插件对应的调试页面，所述调试页面上包括可扫描的编码图形，所述编码图形指向由本地服务提供的消息页面；响应所述原生客户端对所述编码图形的扫描操作，展示所述消息页面，并将所述前端页面的标识和所述原生客户端的标识发送给本地服务，以供本地服务分别与所述前端页面和所述原生客户端建立套接字连接。5.根据权利要求4所述的方法，其特征在于，通过所述远程通信连接发送给所述原生客户端并接收所述原生客户端返回的所述回调函数和其调用与所述第一协议请求适配的原生能力产生的回调数据，包括：将所述第一远程请求发送给本地服务，以供本地服务将基于其与所述原生客户端之间的套接字连接发送给所述原生客户端并接收所述原生客户端返回的所述回调函数和所述回调数据；接收本地服务基于其与所述前端页面之间的套接字连接发送的所述回调函数和所述
回调数据，并将所述回调函数和所述回调数据添加至所述消息页面上的消息列表中，以供所述插件进行处理。6.根据权利要求1所述的方法，其特征在于，调用所述插件执行所述回调函数以对所述回调数据进行业务处理，得到第一处理结果，包括：调用所述插件执行所述回调函数，以将所...
【专利技术属性】
技术研发人员：吴高飞，
申请(专利权)人：北京五八信息技术有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。