[發(fā)明專利]多平臺(tái)融合的路由方法和裝置

在審

• 申請(qǐng)?zhí)枺?/td>: 201710397420.1
• 申請(qǐng)日: 2017-05-31
• 公開（公告）號(hào): CN107329978A
• 公開（公告）日: 2017-11-07
• 發(fā)明（設(shè)計(jì)）人: 朱德偉
• 申請(qǐng)（專利權(quán)）人: 北京京東尚科信息技術(shù)有限公司;北京京東世紀(jì)貿(mào)易有限公司
• 主分類號(hào): G06F17/30
• 分類號(hào): G06F17/30;H04L29/08
• 代理公司: 中原信達(dá)知識(shí)產(chǎn)權(quán)代理有限責(zé)任公司11219
• 代理人: 張一軍,姜?jiǎng)?/td>

技術(shù)領(lǐng)域

本發(fā)明涉及計(jì)算機(jī)技術(shù)領(lǐng)域，尤其涉及一種多平臺(tái)融合的路由方法和裝置。

背景技術(shù)

React Native是Facebook公司推出的一種基于JavaScript的開源框架。React Native結(jié)合了Web應(yīng)用和Native應(yīng)用的優(yōu)勢(shì)，可以使用JavaScript來(lái)開發(fā)IOS和Android原生應(yīng)用，以及在JavaScript中用React抽象操作系統(tǒng)原生的UI(用戶界面)組件，代替DOM(文檔對(duì)象模型)元素來(lái)渲染等。

ReactNative可以在IOS、Android上共用，ReactJs是為開發(fā)HTML5準(zhǔn)備的。由于ReactNative和ReactJs的語(yǔ)法很像，因此在這個(gè)基礎(chǔ)上，國(guó)內(nèi)公司推出了將ReactNative IOS、ReactNative Android應(yīng)用轉(zhuǎn)為Web應(yīng)用的框架，比如ReactWeb框架。簡(jiǎn)單來(lái)說(shuō)，ReactWeb就是把ReactNative的組件做了一個(gè)Web端的實(shí)現(xiàn)，并提供相關(guān)打包工具，從而使開發(fā)者可以直接打包出一份可以跑在Web端的代碼。

然而，本發(fā)明的發(fā)明人發(fā)現(xiàn)，現(xiàn)有技術(shù)如ReactWeb框架，其只能實(shí)現(xiàn)ReactNative應(yīng)用與Web應(yīng)用之間的頁(yè)面轉(zhuǎn)換，無(wú)法實(shí)現(xiàn)路由的轉(zhuǎn)換。也就是說(shuō)，ReactWeb框架無(wú)法解決ReactNative應(yīng)用與Web應(yīng)用上頁(yè)面跳轉(zhuǎn)的轉(zhuǎn)換的問(wèn)題。

發(fā)明內(nèi)容

有鑒于此，本發(fā)明實(shí)施例提供一種多平臺(tái)融合的路由方法和裝置，以令ReactWeb框架下轉(zhuǎn)換生成的ReactNative應(yīng)用能實(shí)現(xiàn)路由功能，進(jìn)而為開發(fā)者提供一套統(tǒng)一的、多平臺(tái)融合的路由方案。

為實(shí)現(xiàn)上述目的，根據(jù)本發(fā)明的一個(gè)方面，提供了一種多平臺(tái)融合的路由方法。

本發(fā)明實(shí)施例的多平臺(tái)融合的路由方法包括：攔截ReactNative應(yīng)用的頁(yè)面跳轉(zhuǎn)；通過(guò)接口函數(shù)調(diào)用瀏覽器引擎，獲取新頁(yè)面的跳轉(zhuǎn)鏈接URL；根據(jù)預(yù)先存儲(chǔ)的ReactNative的URL與頁(yè)面布局模塊對(duì)應(yīng)關(guān)系，獲取與所述新頁(yè)面的跳轉(zhuǎn)鏈接URL匹配的頁(yè)面布局模塊；通過(guò)原生函數(shù)加載所述匹配的頁(yè)面布局模塊；其中，所述ReactNative應(yīng)用是由Web應(yīng)用轉(zhuǎn)換成的。

可選地，所述攔截ReactNative應(yīng)用的頁(yè)面跳轉(zhuǎn)為：通過(guò)鉤子函數(shù)攔截頁(yè)面跳轉(zhuǎn)。

可選地，所述獲取新頁(yè)面的跳轉(zhuǎn)鏈接URL為：通過(guò)瀏覽器引擎中的ShouldOverrideUrlLoading函數(shù)獲取新頁(yè)面的跳轉(zhuǎn)鏈接URL。

可選地，所述通過(guò)原生函數(shù)加載所述匹配的頁(yè)面布局模塊為：通過(guò)StartNewPage函數(shù)加載所述匹配的頁(yè)面布局模塊。

為實(shí)現(xiàn)上述目的，根據(jù)本發(fā)明的另一方面，提供了一種多平臺(tái)融合的路由裝置。

本發(fā)明實(shí)施例的多平臺(tái)融合的路由裝置包括：攔截模塊，用于攔截ReactNative應(yīng)用的頁(yè)面跳轉(zhuǎn)；獲取模塊，用于通過(guò)接口函數(shù)調(diào)用瀏覽器引擎，獲取新頁(yè)面的跳轉(zhuǎn)鏈接URL；匹配模塊，用于根據(jù)預(yù)先存儲(chǔ)的ReactNative的URL與頁(yè)面布局模塊對(duì)應(yīng)關(guān)系，獲取與所述新頁(yè)面的跳轉(zhuǎn)鏈接URL匹配的頁(yè)面布局模塊；加載模塊，用于通過(guò)原生函數(shù)加載所述匹配的頁(yè)面布局模塊；其中，所述ReactNative應(yīng)用是由Web應(yīng)用轉(zhuǎn)換成的。

可選地，所述攔截模塊攔截ReactNative應(yīng)用的頁(yè)面跳轉(zhuǎn)為：通過(guò)鉤子函數(shù)攔截頁(yè)面跳轉(zhuǎn)。

可選地，所述獲取模塊獲取新頁(yè)面的跳轉(zhuǎn)鏈接URL為：通過(guò)瀏覽器引擎中的ShouldOverrideUrlLoading函數(shù)獲取新頁(yè)面的跳轉(zhuǎn)鏈接URL。

可選地，所述加載模塊通過(guò)原生函數(shù)加載所述匹配的頁(yè)面布局模塊為：通過(guò)StartNewPage函數(shù)加載所述匹配的頁(yè)面布局模塊。

為實(shí)現(xiàn)上述目的，根據(jù)本發(fā)明的再一方面，提供了一種電子設(shè)備。

本發(fā)明實(shí)施例的電子設(shè)備包括：一個(gè)或多個(gè)處理器；以及，存儲(chǔ)器，用于存儲(chǔ)一個(gè)或多個(gè)程序；當(dāng)所述一個(gè)或多個(gè)程序被所述一個(gè)或多個(gè)處理器執(zhí)行，使得所述一個(gè)或多個(gè)處理器實(shí)現(xiàn)本發(fā)明所提供的多平臺(tái)融合的路由方法。

為實(shí)現(xiàn)上述目的，根據(jù)本發(fā)明的再一方面，提供了一種計(jì)算機(jī)可讀介質(zhì)。

本發(fā)明實(shí)施例的一種計(jì)算機(jī)可讀介質(zhì)，其上存儲(chǔ)有計(jì)算機(jī)程序，所述程序被處理器執(zhí)行時(shí)實(shí)現(xiàn)本發(fā)明實(shí)施例的多平臺(tái)融合的路由方法。