[發明專利]一種基于JSBridge實現web端和移動端統一交互的方法及工具

有效

• 申請號: 202011115749.2
• 申請日: 2020-10-19
• 公開（公告）號: CN112256450B
• 公開（公告）日: 2022-11-08
• 發明（設計）人: 羅強;張帆
• 申請（專利權）人: 天元大數據信用管理有限公司
• 主分類號: G06F9/54
• 分類號: G06F9/54;G06F8/20
• 代理公司: 濟南信達專利事務所有限公司 37100
• 代理人: 馮春連

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進行回調函數調用。