[發明專利]一種基于前端的數據處理方法、裝置、設備及存儲介質

有效

• 申請號: 202011544055.0
• 申請日: 2020-12-23
• 公開（公告）號: CN112527414B
• 公開（公告）日: 2023-09-22
• 發明（設計）人: 黃康
• 申請（專利權）人: 平安普惠企業管理有限公司
• 主分類號: G06F9/445
• 分類號: G06F9/445;G06F9/54;G06F11/36
• 代理公司: 廣州三環專利商標代理有限公司 44202
• 代理人: 熊永強

1.一種基于前端的數據處理方法，其特征在于，所述方法包括：

獲取前端中的當前vue項目的根目錄中的配置文件，其中，所述配置文件中配置了地址信息；

根據所述配置文件中的地址信息確定所述當前vue項目中待處理的vue組件，并根據所述待處理的vue組件對所述當前vue項目的頁面進行渲染，以確定渲染數據對應的第一埋點；

監聽所述當前vue項目中所有頁面的觸發事件，并根據監聽到的觸發事件確定所述觸發事件的交互數據對應的第二埋點；

將所述第一埋點和所述第二埋點進行上報，并獲取所述第一埋點和所述第二埋點所對應的性能指標數據，以及對所述性能指標數據進行優化處理；

所述根據所述待處理的vue組件對所述當前vue項目的頁面進行渲染，以確定渲染數據對應的第一埋點，包括：

根據所述待處理的vue組件生成與所述待處理的vue組件對應的目標文件，其中，所述目標文件中包括所述當前vue項目中所有頁面的掛載方法；

根據所述目標文件對所述當前vue項目中的所有頁面進行渲染，以確定所述當前vue項目中的所有頁面的渲染數據對應的第一埋點，所述目標文件為所有vue組件都共用的mixins.js文件，所述mixins.js文件中包含了頁面掛載完成后的掛載方法mount，通過import語法將目標文件mixins.js文件引入vue組件內，以使所有vue組件在執行到mount方法時，自動完成埋點上報；

所述根據監聽到的觸發事件確定所述觸發事件的交互數據對應的第二埋點，包括：

獲取監聽到的發生觸發事件的頁面，并根據預設關鍵詞對所述發生觸發事件的頁面中的所述待處理的vue組件進行分析，查找所述發生觸發事件的頁面中是否存在所述預設關鍵詞；

當查找到所述發生觸發事件的頁面中存在所述預設關鍵詞時，獲取所述預設關鍵詞在所述發生觸發事件的頁面中的位置；

在所述位置獲取所述觸發事件的交互數據對應的屬性信息，并根據所述屬性信息確定所述觸發事件的交互數據對應的第二埋點。

2.根據權利要求1所述的方法，其特征在于，所述根據監聽到的觸發事件確定所述觸發事件的交互數據對應的第二埋點之前，還包括：

根據所述當前vue項目中待處理的vue組件生成針對所述待處理的vue組件的觸發事件的埋點文件，并將所述埋點文件添加至所述待處理的vue組件中；

所述根據監聽到的觸發事件確定發生觸發事件的交互數據對應的第二埋點，包括：

當監聽到對所述待處理的vue組件的觸發事件時，根據所述埋點文件確定所述觸發事件的交互數據對應的第二埋點。

3.根據權利要求1所述的方法，其特征在于，所述將所述第一埋點和所述第二埋點進行上報，包括：

監聽所述當前vue項目的頁面中是否存在vue組件銷毀前事件；

當監聽到所述當前vue項目的頁面中存在vue組件銷毀前事件時，將所述第一埋點和所述第二埋點添加到所述vue組件銷毀前事件中；

根據預設的時間間隔將添加所述第一埋點和所述第二埋點的所述vue組件銷毀前事件進行上報。

4.根據權利要求1所述的方法，其特征在于，所述獲取所述第一埋點和所述第二埋點所對應的性能指標數據，并對所述性能指標數據進行優化處理，包括：

獲取所述當前vue項目的每個頁面在預設時間范圍內發生觸發事件的次數和/或頁面渲染的次數；

對所述當前vue項目的每個頁面在預設時間范圍內發生觸發事件的次數進行合并處理；和/或，

對所述當前vue項目的每個頁面在預設時間范圍內發生頁面渲染的次數進行合并處理。

5.根據權利要求1所述的方法，其特征在于，所述獲取前端中的當前vue項目的根目錄中的配置文件之前，還包括：

根據所述前端的當前vue項目確定所述當前vue項目的根目錄，并在確定的所述當前vue項目的根目錄中編寫配置文件；

在所述配置文件中配置待處理的vue組件的地址信息。