[發明專利]H5頁面和ReactNative的交互方法、裝置、電子設備及可讀存儲介質

在審

• 申請號: 202211083447.0
• 申請日: 2022-09-06
• 公開（公告）號: CN115391708A
• 公開（公告）日: 2022-11-25
• 發明（設計）人: 王成
• 申請（專利權）人: 平安國際融資租賃有限公司
• 主分類號: G06F16/958
• 分類號: G06F16/958;G06F8/38;G06F8/41;G06F9/445;G06F9/451;G06Q30/06;G06F3/04847
• 代理公司: 北京中強智尚知識產權代理有限公司 11448
• 代理人: 付偉麗

1.一種H5頁面和ReactNative的交互方法，其特征在于，應用于移動終端，所述移動終端包括相互關聯的H5頁面和ReactNative，所述方法包括：

調用方的橋接文件利用預設方法將調用請求發送至處理方；

所述處理方的橋接文件接收所述調用請求，獲取所述調用請求中包括的字符串；

所述處理方解析所述字符串，確定第一方法名、參數體和回調標識，其中，所述第一方法名為處理方的業務對應的方法名；

所述處理方根據所述第一方法名，確定所述第一方法；

所述處理方將所述參數體傳入所述第一方法；

所述處理方執行所述第一方法，得到結果數據；

所述處理方根據所述回調標識，確定回調函數；

所述處理方的橋接文件利用預設方法，將所述調用結果傳入所述回調函數，以將所述結果數據發送至所述調用方；

其中，在所述調用方為所述H5頁面的情況下，所述處理方為所述ReactNative；或，在所述調用方為所述ReactNative的情況下，所述處理方為所述H5頁面。

2.根據權利要求1所述的方法，其特征在于，所述調用方的橋接文件利用預設方法將調用請求發送至處理方的步驟，具體包括：

所述調用方確定待調用的所述第一方法的所述第一方法名、第一方法的參數體和回調函數；

所述調用方將所述回調函數設置于預設屬性上，得到所述回調標識；

所述調用方將所述第一方法名、所述參數體和所述回調標識封裝成所述字符串；

所述調用方的橋接文件利用預設方法將所述字符串發送至所述處理方。

3.根據權利要求1所述的方法，其特征在于，所述調用方的橋接文件利用預設方法將調用請求發送至處理方之前，還包括：

設置橋接文件，并將所述橋接文件分別注入所述H5頁面和所述ReactNative；

其中，所述橋接文件內包括注冊方法，用于所述處理方注冊第一方法以供所述調用方調用，以及調用方法，用于所述調用方調用所述處理方已經注冊的第一方法。

4.根據權利要求3所述的方法，其特征在于，所述設置橋接文件，并將所述橋接文件分別注入所述H5頁面和所述ReactNative之后，還包括：

所述處理方利用所述橋接文件，根據第一方法名、參數體和回調函數，注冊所述第一方法；

將所述第一方法設置于所述處理方的預設組件內，以供所述調用方調用。

5.根據權利要求1所述的方法，其特征在于，所述所述處理方的橋接文件利用預設方法，將所述調用結果傳入所述回調函數，以將所述結果數據發送至所述調用方之后，還包括：

刪除所述處理方內的所述回調函數。

6.根據權利要求1至5中任一項所述的方法，其特征在于，

所述橋接文件為JSBridge文件。

7.根據權利要求1至5中任一項所述的方法，其特征在于，

所述H5頁面對應的預設方法為window postMessage方法；

所述ReactNative對應的預設方法為injectJavaScript方法。