[发明专利]一种App中网页端与手机端的JS交互方法

说明书

本发明公开了一种App中网页端与手机端的JS交互方法，先获取JS交互调用方法的名称以及所需的数据类型，生成相应的JS交互文档。然后APP端获取H5端的第一请求方法，并通过JS交互文档确定所需的请求参数和返回参数，向H5端回调第一交互数据；H5端接收到第一交互数据后，根据JS交换文档和该交互数据的动作类型，解析第一交互数据，完成所述H5端与所述APP端的数据交互。采用本发明实施例，能减少网页端与手机端之间的对接联调，缩短项目开发周期，减少出错率。

技术领域

本发明涉及计算机技术领域，尤其涉及一种App中网页端与手机端的JS交互方法。

背景技术

随着HTML5(后面简称H5)的不断普及与优化，其在移动端开发的应用也越来越多。在开发时涉及到网页端与手机端的JS交互，而现有的JS交互都是各移动端APP自己定义各种给H5端调用的方法，以此来进行JS交互。同样的，H5端调用移动端的数据，也采用自定义调用方法。这种定义方法的名字、参数、返回数据都不统一，这就导致了APP端与H5端的交互，要人员间的不断告之与沟通，也不能乱改动相互调用的方法名称。当出现大量互调方法时、多个APP时、多个H5时、多个开发人员时，其中的沟通成本、错误率、开发时间，都大大的提高，并难以维护和管理。

发明内容

本发明实施例提出一种App中网页端与手机端的JS交互方法，有助于App中网页端与手机端更快捷的进行交互，缩短项目开发周期，减少出错率。

本发明实施例提供一种App中网页端与手机端的JS交互方法，包括：

APP端获取JS交互调用方法的名称以及所述JS交互调用方法所需的数据类型；所述数据类型包括：请求参数类型、返回参数类型和动作类型；

所述APP端根据所述JS交互调用方法和所述数据类型，生成JS交互文档；其中，所述JS交互文档用于供APP端生成相应JS交互模块；

所述APP端获取H5端的第一请求方法，并通过所述JS交互模块确定所述第一请求方法所需要的第一请求参数类型和第一返回参数类型，再根据所述第一请求参数类型和第一返回参数类型，向所述H5端回调第一交互数据；

所述H5端根据所述JS交互文档和所述第一交互数据的动作类型，解析所述第一交互数据，完成所述H5端与所述APP端的数据交互。

进一步的，所述App中网页端与手机端的JS交互方法还包括：

所述H5端获取所述APP端的第二请求方法，并通过所述JS交互文档确定所述第二请求方法所需要的第二请求参数类型和所述第二返回参数类型，再根据所述第二请求参数类型和所述第二返回参数类型，向所述APP端回调第二交互数据；

所述APP端根据所述JS交互模块和所述第二交互数据的动作类型，解析所述第二交互数据，完成所述H5端与所述APP端的数据交互。

进一步的，所述请求参数类型为string、Bool或json类型；

所述返回参数类型为string、Bool或json类型。

进一步的，所述第一交互数据为string、Bool或json类型的数据。

进一步的，所述第二交互数据为string、Bool或json类型的数据。

实施本发明实施例，具有如下有益效果：