HarmonyOS 数据埋点（适用API12以上版本）

原创已于 2025-03-27 21:48:40 修改 · 355 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#harmonyos #鸿蒙 #前端

于 2025-03-27 21:46:59 首次发布

HarmonyOS

第一步：定义类型

export interface TimeItem {
  questionId: string
  startTime: number
  endTime: number
}

第二步：封装工具函数方法

import { TimeItem } from '../../models'
import { http } from './Http'
import { logger } from './Logger'

class Tracking {
//1.埋点数据数组  private（数据私有化，外部访问不到）
 private  list: TimeItem[] = []
  
  //2.添加埋点
  record(startTime: number, endTime: number, questionId: string) {
    this.list.push({
      startTime,
      endTime,
      questionId
    })
    logger.debug('Tracking', JSON.stringify(this.list))
  }
  
  //3.上报埋点
  async report() {
    await http.request<null>({ 
      url: 'time/tracking', method: 'post', data: { timeList: this.list } 
    })
    this.list = []
  }
}

export const tracking = new Tracking()

第三步：使用

 //1.定义开始时间
  startTime: number = Date.now()
  onPageShow(): void {
    //1.1记录开始时间
    this.startTime = Date.now()
  }

  onPageHide(): void {
    //1.添加埋点
    tracking.record(this.item.id,this.startTime, Date.now())
    //2.上报埋点
    tracking.report()
  }
====================================================================================
   // 记录学习时间
+    tracking.record(this.startTime, Date.now(), this.item.id)
  //点击下一题（或上一题）重新设置时间
+    this.startTime = Date.now()

温馨提示

用户频繁的进出埋点的页面，这个上报请求的频率就会很频繁，服务端那边的压力就会很大，我们可以设置当到达N条数据之后再上报，这样的话就会节省一部分性能，当我们开启软件时自动上报一次，这样就会避免有的数据没有上报的情况。