[发明专利]一种基于JSBridge实现web端和移动端统一交互的方法及工具

权利要求书

1.一种基于JSBridge实现web端和移动端统一交互的方法，其特征在于,其实现过程包括：

步骤S1、在web端，封装JS代码逻辑功能，并进行调用、注册和初始化，其中，封装JS代码逻辑功能的具体操作为：

步骤S1.1、在web端定义一个可以进行全局引用的js文件，

步骤S1.2、在定义的js文件中，注册一个回调函数，

步骤S1.3、在定义的js文件中，抛出两个统一封装的函数：一个是web端调用原生Android端/原生IOS端APP的方法，另一个是原生Android端/原生IOS端APP调用web端JS的注册监听方法，

步骤S1.4、在web端调用原生Android端/原生IOS端APP的方法，封装一个函数进行统一的分发处理，

步骤S1.5、原生Android端/原生IOS端APP调用web端JS的注册监听方法中,对原生Android端/原生IOS端APP发送过来的请求进行统一的封装处理；

步骤S2、移动端采用IOS或者Android：

步骤S2a、移动端采用Android，原生Android端对WebView进行封装，以进行调用函数的统一监听和处理，以及功能响应后的反馈函数处理；

步骤S2b、移动端采用IOS，原生IOS端对wkweview进行封装，以进行调用函数的统一监听和处理，以及功能响应后的反馈函数处理；

步骤S3、借助web端封装的JS代码逻辑功能，移动端封装的WebView/wkweview进行调用函数的统一监听和处理，以及功能响应后的反馈函数处理，以JSBridge作为中间过渡，完成web端与移动端的信息交互。

2.根据权利要求1所述的一种基于JSBridge实现web端和移动端统一交互的方法，其特征在于，执行步骤S1.2的过程中，当所述移动端采用Android时，注册完回调函数后，为了第一次连接时的调用，需要进行回调函数的初始化。

3.根据权利要求1所述的一种基于JSBridge实现web端和移动端统一交互的方法，其特征在于，执行步骤S2a，原生Android端对WebView进行封装，以进行调用函数的统一监听和处理，具体操作为：

步骤S2a.1、定义一个继承于WebView的控件，在其中自定义添加需要的基本设置；

步骤S2a.2、创建一个Activity或者Fragment，对WebView的控件进行引用；

步骤S2a.3、根据和web端页面的约定函数，在Application中间件中注册处理函数名，并且映射处理文件，在处理文件中，进行函数的分发和处理，完成调用函数的统一监听和处理；

步骤S2a.4、处理结束后，调用JSBridge传递过来的callback进行回调函数调用。

4.根据权利要求1所述的一种基于JSBridge实现web端和移动端统一交互的方法，其特征在于，执行步骤S2b，原生IOS端对wkweview进行封装，以进行调用函数的统一监听和处理，具体操作为：

步骤S2b.1、定义一个继承于wkwebview的控件，在其中自定义添加需要的基本设置；

步骤S2b.2、创建一个View或者UIViewcontroller，对WebView的控件进行引用；

步骤S2b.3、根据和web端页面的约定函数，在wkwebview中间件中注册处理函数名，并且映射处理文件，在处理文件中，进行函数的分发和处理，完成调用函数的统一监听和处理；

步骤S2b.4、处理结束后，调用JSBridge传递过来的callback进行回调函数调用。