[發(fā)明專利]一種前端展示數(shù)據(jù)虛擬替換方法

在審

• 申請(qǐng)?zhí)枺?/td>: 202011495292.2
• 申請(qǐng)日: 2020-12-17
• 公開(kāi)（公告）號(hào): CN112527439A
• 公開(kāi)（公告）日: 2021-03-19
• 發(fā)明（設(shè)計(jì)）人: 唐子涵
• 申請(qǐng)（專利權(quán)）人: 上海數(shù)依數(shù)據(jù)科技有限公司
• 主分類號(hào): G06F9/451
• 分類號(hào): G06F9/451;G06F9/455
• 代理公司: 蘇州尚為知識(shí)產(chǎn)權(quán)代理事務(wù)所(普通合伙) 32483
• 代理人: 陳鋼

本發(fā)明公開(kāi)了一種前端展示數(shù)據(jù)虛擬替換方法，所述方法包括：S1:確定虛擬對(duì)象的待替換內(nèi)容；S2:前端應(yīng)用從后端獲取到數(shù)據(jù)；S3:通過(guò)插件埋點(diǎn)的方式，在后端數(shù)據(jù)到項(xiàng)目state的過(guò)程中通過(guò)引入虛擬化引擎對(duì)后端數(shù)據(jù)進(jìn)行替換；S4:通過(guò)dva框架將數(shù)據(jù)更新到項(xiàng)目的其中一個(gè)state中去；S5:通過(guò)react框架負(fù)責(zé)監(jiān)測(cè)state的變化，并在前端作出對(duì)應(yīng)的渲染。所述虛擬化引擎對(duì)后端數(shù)據(jù)進(jìn)行替換的方式包括基礎(chǔ)處理器替換、數(shù)組批處理器替換、自定義處理器替換。本虛擬化引擎是完全工作的瀏覽器中的client端里，通過(guò)配置瀏覽器本地存儲(chǔ)(local storage)里的內(nèi)容，即可方便的啟用/停用虛擬模式。

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

本發(fā)明涉及虛擬技術(shù)領(lǐng)域，尤其是一種前端展示數(shù)據(jù)虛擬替換方法。

背景技術(shù)

在現(xiàn)有的解決方案中，常用的方法如下：

后端服務(wù)分為正式版和演示版，通過(guò)前端開(kāi)關(guān)(正常模式/演示模式)，來(lái)切換兩種模式下的后端API接口，該方案具有以下缺點(diǎn)：

1、需要重新編譯部署前后端的應(yīng)用；

2、對(duì)虛擬數(shù)據(jù)的更改往往需要修改數(shù)據(jù)庫(kù)、修改代碼、或者修改服務(wù)器上的靜態(tài)文件。

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

為了克服上述現(xiàn)有技術(shù)的不足，本發(fā)明提供了一種前端展示數(shù)據(jù)虛擬替換方法，從而更加靈活方便的實(shí)現(xiàn)虛擬化效果。

本發(fā)明所采用的技術(shù)方案是：一種前端展示數(shù)據(jù)虛擬替換方法，包括如下步驟：

S1:確定虛擬對(duì)象的待替換內(nèi)容；

S2:前端應(yīng)用從后端獲取到數(shù)據(jù)；

S3:通過(guò)插件埋點(diǎn)的方式，在后端數(shù)據(jù)到項(xiàng)目state的過(guò)程中通過(guò)引入虛擬化引擎對(duì)后端數(shù)據(jù)進(jìn)行替換；

S4:通過(guò)dva框架將數(shù)據(jù)更新到項(xiàng)目的其中一個(gè)state中去；

S5:通過(guò)react框架負(fù)責(zé)監(jiān)測(cè)state的變化，并在前端作出對(duì)應(yīng)的渲染。

優(yōu)選的，所述虛擬化引擎對(duì)后端數(shù)據(jù)進(jìn)行替換的方式包括基礎(chǔ)處理器替換、數(shù)組批處理器替換、自定義處理器替換。

優(yōu)選的，所述基礎(chǔ)處理器替換為：通過(guò)JSON中的鍵值路徑(foo.bar),對(duì)JSON中的數(shù)據(jù)類型作出替換。

優(yōu)選的，所述數(shù)據(jù)組批處理器替換為：通過(guò)JSON中的鍵值路徑(foo.bar)選擇到數(shù)組對(duì)象，通過(guò)數(shù)組元素的具體鍵值來(lái)做匹配，將對(duì)應(yīng)的數(shù)組元素作出替換。

優(yōu)選的，所述自定義處理器替換為：通過(guò)虛擬化引擎提供接口，開(kāi)發(fā)者通過(guò)注冊(cè)自定義處理器，實(shí)現(xiàn)其特有的邏輯，來(lái)對(duì)state進(jìn)行自定義替換。

與現(xiàn)有技術(shù)相比，本發(fā)明的有益效果是：

1、本虛擬化引擎是完全工作的瀏覽器中的client端里，通過(guò)配置瀏覽器本地存儲(chǔ)(local storage)里的內(nèi)容，即可方便的啟用/停用虛擬模式。

2、本虛擬化引擎通過(guò)配置文件來(lái)操作state中的數(shù)據(jù)，支持對(duì)react-dva項(xiàng)目中前端頁(yè)面中的任意數(shù)值的虛擬化展示，并且配置都是在client端完成，不需要重新編譯、部署對(duì)應(yīng)的前端應(yīng)用和后端應(yīng)用，更為靈活。

3、通過(guò)文檔和相應(yīng)的虛擬化配置頁(yè)面，本虛擬化引擎的數(shù)據(jù)虛擬配置可以由現(xiàn)場(chǎng)運(yùn)維人員輕松完成，而不需要開(kāi)發(fā)人員介入。

附圖說(shuō)明

圖1為本發(fā)明一種前端展示數(shù)據(jù)虛擬替換方法的流程圖。

具體實(shí)施方式

下面結(jié)合附圖對(duì)本發(fā)明進(jìn)一步說(shuō)明。

本實(shí)施例公開(kāi)了一種前端展示數(shù)據(jù)虛擬替換方法，該方法應(yīng)用在演示模式下，前段組件的測(cè)試，包括如下步驟：