全部產品
Search
文件中心

Application Real-Time Monitoring Service:SPA頁面上報

更新時間:Jul 06, 2024

在SPA(Single Page Application)單頁面應用中,頁面只會重新整理一次。傳統的方式只會在頁面載入完成後上報一次PV,而無法統計到各個子頁面的PV,也無法讓其他類型的日誌按子頁面彙總。本文介紹如何使用ARMS前端監控SDK解決SPA頁面上報問題。

ARMS前端監控SDK提供了針對SPA頁面的兩種處理方式:

  • 開啟SPA自動解析
  • 完全手動上報

開啟SPA自動解析

此方法適用於大部分以URL Hash作為路由的單頁面應用情境。

在初始化的配置項中,設定enableSPAtrue,即會開啟頁面的Hashchange事件監聽(觸發重新上報PV),並將URL Hash作為其他資料上報中的page欄位。

enableSPA配套的還有parseHash,更多資訊,請參見enableSPAparseHash

完全手動上報

此方法可用於所有的單頁面應用情境。如果第一種方法無效,則可用此方法。

SDK提供了setPage方法來手動更新資料上報時的page name。調用此方法時,預設會重新上報頁面PV。更多資訊,請參見setPage()

// 監聽應用路由變更事件。
app.on('routeChange', function (next) {
    __bl.setPage(next.name);
});