[發明專利]基于VUE的標簽參數傳遞方法、裝置、設備及存儲介質

在審

• 申請號: 202210324492.4
• 申請日: 2022-03-30
• 公開（公告）號: CN114637508A
• 公開（公告）日: 2022-06-17
• 發明（設計）人: 陳圣君
• 申請（專利權）人: 中國銀行股份有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F8/36;G06F8/41;G06F8/54;G06F16/955
• 代理公司: 北京三友知識產權代理有限公司 11127
• 代理人: 薛平;周曉飛

本說明書涉及web前端開發技術領域，提供了一種基于VUE的標簽參數傳遞方法、裝置、設備及存儲介質，該方法包括：接收頁面請求；基于VUE組件的全局前置守衛鉤子函數驗證所述頁面請求中的標簽參數的合法性；所述標簽參數用于收集用戶瀏覽行為；當所述頁面請求中的標簽參數通過合法性驗證時，基于所述VUE組件的全局后置守衛鉤子函數將所述標簽參數緩存于所述VUE組件的VUEX模塊中；在所述頁面請求跳轉至目標頁面時，從所述VUEX模塊中獲取所述標簽參數并提交至服務端處理。本說明書實施例可以提高標簽參數在頁面間傳遞的正確性和安全性，并減少開發代碼量。

技術領域

本說明書涉及web前端開發技術領域，尤其是涉及一種基于VUE的標簽參數傳遞方法、裝置、設備及存儲介質。

背景技術

打標是對用戶瀏覽網頁進行行為分析的一個重要統計手段，通過在URL(UniformResource Locator，統一資源定位器)里添加標簽參數，在后臺請求時提交，最終將標簽參數留存到后臺。目前，最常用的標簽參數傳遞手段就是使用參數顯式傳遞的手段，將標簽參數在各頁面間不斷傳遞，各頁面通過解析URL參數從而獲取到標識并在頁面的JavaScript方法中使用。例如，HTML頁面在外嵌給APP(Application)、小程序或其他頁面的鏈接時，可以通過打開新標簽頁的方式將標簽參數綁定傳入H5(即HTML5)以便于進行統計分析。

然而，現有技術方案將標簽參數直接暴露在URL中，并在各頁面傳遞，使得非法參數攻擊的概率大大增加(例如用戶可以直接在URL里修改標簽參數)，從而導致統計的數據不準確。不僅如此，對代碼開發而言，由于存在多頁面跳轉，因此需要在每個跳轉事件里加入標簽參數，大大增加了開發量，且容易遺漏。因此，如何提高標簽參數在頁面間傳遞的正確性和安全性，并減少開發代碼量，已成為目前亟待解決的技術問題。

發明內容

本說明書實施例的目的在于提供一種頁面標簽參數傳遞方法、裝置、設備及存儲介質，以提高標簽參數在頁面間傳遞的正確性和安全性，并減少開發代碼量。

為達到上述目的，一方面，本說明書實施例提供了一種基于VUE的標簽參數傳遞方法，包括：

接收頁面請求；

基于VUE組件的全局前置守衛鉤子函數驗證所述頁面請求中的標簽參數的合法性；所述標簽參數用于收集用戶瀏覽行為；

當所述頁面請求中的標簽參數通過合法性驗證時，基于所述VUE組件的全局后置守衛鉤子函數將所述標簽參數緩存于所述VUE組件的VUEX模塊中；

在所述頁面請求跳轉至目標頁面時，從所述VUEX模塊中獲取所述標簽參數并提交至服務端處理。

本說明書實施例的基于VUE的標簽參數傳遞方法，所述基于所述VUE組件的全局前置守衛鉤子函數驗證所述頁面請求中的標簽參數的合法性，包括：

基于所述全局前置守衛鉤子函數識別所述頁面請求所歸屬的performance事件類型；所述performance事件類型包括創建事件、刷新事件或回退事件；

當所述頁面請求所歸屬的performance事件類型為創建事件時，對所述頁面請求中的標簽參數進行合法性驗證。

本說明書實施例的基于VUE的標簽參數傳遞方法中，對所述頁面請求中的標簽參數進行合法性驗證，包括：

將所述頁面請求中的標簽參數發送至所述服務端，以由所述服務端對所述標簽參數進行合法性驗證；

接收所述服務端返回的針對所述標簽參數的驗證結果；

根據所述驗證結果確定所述標簽參數的合法性。

本說明書實施例的基于VUE的標簽參數傳遞方法，還包括：