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

有效

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

本發明公開一種基于JSBridge實現web端和移動端統一交互的方法及工具，涉及數據交互技術領域，其實現過程包括：在web端，封裝JS代碼邏輯功能，并進行調用、注冊和初始化；移動端采用IOS/Android，原生Android端對WebView進行封裝/原生IOS端對wkweview進行封裝，以進行調用函數的統一監聽和處理，以及功能響應后的反饋函數處理；借助web端封裝的JS代碼邏輯功能，移動端封裝的WebView/wkweview進行調用函數的統一監聽和處理，以及功能響應后的反饋函數處理，以JSBridge作為中間過渡，完成web端與移動端的信息交互。本發明可以實現web端與移動端之間邏輯清晰和固定格式的交互，方便開發人員進行功能開發。

技術領域

本發明涉及數據交互技術領域，具體的說是一種基于JSBridge實現web端和移動端統一交互的方法及工具。

背景技術

當前環境下，很多移動端的App都是采用混合開發模式，除開那些使用混合開發框架的，這些框架一般被應用于比較大型的混合開發項目，但是對于一些小型的或者需要交互功能比較少的App應用，即重要模塊采用原生開發，需要及時更新的模塊或者活動采用Web進行展示。Web開發的優點是周期短，易更新--可以線上更新，易維護--H5開發的Web模塊可以跨平臺使用。

然而，在傳統的開發模式中，Web調用Android定義的方法和調用IOS定義的方法系統提供的支持是不同的，而且其中Android因為其本身高版本和低版本差異使得它本身支持的方法也不盡相同。在開發的過程中，我們如果不找到一種方法進行統一處理，則會造成開發難度大量提升以及代碼混亂等各種問題，不利于整體業務的實現。

為了解決移動終端的APP架構設計中，Web端與移動端無法統一通信的問題，設計研發一種基于JsBridge的統一封裝方式，用來實現Web調用移動端(IOS或者 Android)/移動端(IOS或者Android)調用web端的方法。

發明內容

本發明針對目前技術發展的需求和不足之處，提供一種基于JSBridge實現web 端和移動端統一交互的方法及工具。

首先，本發明提供一種基于JSBridge實現web端和移動端統一交互的方法，解決上述技術問題采用的技術方案如下：

一種基于JSBridge實現web端和移動端統一交互的方法，其實現過程包括：

步驟S1、在web端，封裝JS代碼邏輯功能，并進行調用、注冊和初始化；

步驟S2、移動端采用IOS或者Android：

步驟S2a、移動端采用Android，原生Android端對WebView進行封裝，以進行調用函數的統一監聽和處理，以及功能響應后的反饋函數處理；

步驟S2b、移動端采用IOS，原生IOS端對wkweview進行封裝，以進行調用函數的統一監聽和處理，以及功能響應后的反饋函數處理；

步驟S3、借助web端封裝的JS代碼邏輯功能，移動端封裝的WebView/wkweview 進行調用函數的統一監聽和處理，以及功能響應后的反饋函數處理，以JSBridge作為中間過渡，完成web端與移動端的信息交互。

可選的，執行步驟S1，在web端封裝JS代碼邏輯功能，具體操作為：

步驟S1.1、在web端定義一個可以進行全局引用的js文件；

步驟S1.2、在定義的js文件中，注冊一個回調函數；

步驟S1.3、在定義的js文件中，拋出兩個統一封裝的函數：一個是web端調用原生Android端/原生IOS端APP的方法，另一個是原生Android端/原生IOS端APP 調用web端JS的注冊監聽方法；