本发明涉及计算机技术领域，尤其涉及一种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类型的数据。
实施本发明实施例，具有如下有益效果：
本发明实施例提供的一种app中网页端与手机端的js交互方法，先获取js交互调用方法的名称以及所需的数据类型，生成相应的js交互文档。然后app端获取h5端的第一请求方法，并通过js交互文档确定所需的请求参数和返回参数，向h5端回调第一交互数据；h5端接收到第一交互数据后，根据js交换文档和该交互数据的动作类型，解析第一交互数据，完成所述h5端与所述app端的数据交互。相比于现有技术app端自行定义调用方法，本发明技术方案统一了移动端的js交互方法，通过js交互文档使app端与h5端的开发相互解藕，减少网页端与手机端之间的对接联调，缩短项目开发周期，减少出错率。如果app端需要与多个h5端交互，只需通过js交互文档即可实现，无需针对特定的h5端开发相应的交互模块，节省时间。
附图说明
图1是本发明提供的app中网页端与手机端的js交互方法的一种实施例的流程示意图。
具体实施方式
下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
参见图1，是本发明提供的app中网页端与手机端的js交互方法的一种实施例的流程示意图，该方法包括以下步骤：
步骤101：app端获取js交互调用方法的名称以及js交互调用方法所需的数据类型；该数据类型包括：请求参数类型、返回参数类型和动作类型。
在本实施例中，app端获取js交互调用方法的名称以及js交互调用方法所需的数据类型。该名称和数据类型可预先设置，并存在app端上。请求参数类型可以但不限于为string、bool或json类型。返回参数类型可以但不限于为string、bool或json类型。
在本实施例中，动作类型需要预先定义，具体为对所定义的动作进行文档说明，方便h5端的调用以及方便app端对不同动作类型进行管理。比如动作名称为getappinfo，此动作类型为获取应用信息，h5端根据定义内容可以便捷获取，而不需要重新联调，发布版本。同理，其他的动作类型也具有相同的作用。
步骤102：app端根据js交互调用方法和数据类型，生成js交互文档；其中，js交互文档用于供app端生成相应js交互模块。
在本实施例中，根据获取的方法名称和数据类型，生成相应的js交互文档，用于生成js交互模块，app端就可以通过该js交互模块实现js交互，而且方便对js交互模块进行修改和管理。
步骤103：app端获取h5端的第一请求方法，并通过js交互模块确定第一请求方法所需要的第一请求参数类型和第一返回参数类型，再根据第一请求参数类型和第一返回参数类型，向h5端回调第一交互数据。
步骤104：h5端根据js交互文档和所述第一交互数据的动作类型，解析第一交互数据，完成h5端与app端的数据交互。
在本实施例中，app端通过js交互模块，无需预先知道h5端定义的任何方法名，h5端也不用每次更新都需要跟客户端联调解析数据，达到相互解耦的作用。
在本实施例中，该方法还包括：h5端获取app端的第二请求方法，并通过js交互文档确定所述第二请求方法所需要的第二请求参数类型和所述第二返回参数类型，再根据第二请求参数类型和第二返回参数类型，向app端回调第二交互数据；app端根据js交互模块和第二交互数据的动作类型，解析第二交互数据，完成h5端与app端的数据交互。
在本实施例中，第一交互数据可以但不限于为string、bool或json类型的数据。
在本实施例中，第二交互数据可以但不限于为string、bool或json类型的数据。
由上可见，本发明实施例提供的一种app中网页端与手机端的js交互方法，先获取js交互调用方法的名称以及所需的数据类型，生成相应的js交互文档。然后app端获取h5端的第一请求方法，并通过js交互文档确定所需的请求参数和返回参数，向h5端回调第一交互数据；h5端接收到第一交互数据后，根据js交换文档和该交互数据的动作类型，解析第一交互数据，完成所述h5端与所述app端的数据交互。相比于现有技术app端自行定义调用方法，本发明技术方案统一了移动端的js交互方法，通过js交互文档使app端与h5端的开发相互解藕，减少网页端与手机端之间的对接联调，缩短项目开发周期，减少出错率。如果app端需要与多个h5端交互，只需通过js交互文档即可实现，无需针对特定的h5端开发相应的交互模块，节省时间。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于一计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，所述的存储介质可为磁碟、光盘、只读存储记忆体(read-onlymemory，rom)或随机存储记忆体(randomaccessmemory，ram)等。
以上所述是本发明的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也视为本发明的保护范围。