visual-buried-point-platform-uni 1.0.0-alpha.2 → 1.0.0-alpha.21

package/README.md

@@ -1,25 +1,29 @@
 ## Uni版自定义埋点SDK集成文档
 
+### SDK更新日志
+- v1.0.0-alpha.07 最新uni、终端通用埋点sdk;
+- v1.0.0-alpha.08 自定义上报数据结构删除path字段;
+- v2.0.0 调整SDK内部PVUV采集模式，分原有start方法采集及自动采集，支持获取埋点sdk内的跟踪id;
+
 ### 1、引入方式
 
 ```js
-npm install visual-buried-point-platform-uni -S --registry=http://verdaccio.gogdev.cn/
-工具-构建npm
+//内网npm链接：http://verdaccio.gogdev.cn/
+npm install visual-buried-point-platform-uni
 ```
 
 ### 2、初始化方式
 
-**app.js**
-
 ```js
-//require引入
 import { init } from 'visual-buried-point-platform-uni'
 onLaunch: function() {
       //初始化sdk
       init({
         env: 'test', //环境变量 test production
         token: '3212414516342554624', //热果平台-可视化埋点管理端-创建对应的项目生成. 
-        sourceDomain: 'com.gzdzswy.onetravel', // 非必填，访问来源域名，取优先级：单次调用上报值 > 全局初始化值
+        domain: 'com.gzdzswy.onetravel', // 非必填，访问来源域名，取优先级：单次调用上报值 > 全局初始化值
+        isCompatible: true, // 是否兼容老方案埋点，默认兼容true，自动采集则改为false
+        signTrackArray: [], // 自动采集但需要单独埋点的页面path
       })
     }
 });
@@ -46,14 +50,18 @@ setUserId(123456);
 ```js
 setUserId("");
 ```
+## 4.获取埋点SDK内跟踪ID
 
+```js
+import { getTrackId } from 'visual-buried-point-platform-uni'
+buriedPoint.getTrackId()
+```
 
-
-### 4、自定义事件上报
+## 5、自定义事件上报
 
 - sdk初始化后，可通过 ***setCustomEvent()*** 方法上报自定义埋点事件，并为事件添加属性值：
 
-#### 4.1 事件类型：
+#### 5.1 事件类型：
 
 - 仅能选择埋点提供的事件类型，各事件类型的触发、上报由各业务平台埋点自行确认。事件类型如下：
 - **搜索事件【 search 】**
@@ -125,7 +133,7 @@ const params = {
 setCustomEvent(params)
 ```
 
-### 5、流量上报
+## 6、流量上报
 
 - sdk初始化后，可通过**onStartTrack(params)** 方法注册上报流量，并为上报添加属性值：
 
@@ -180,13 +188,13 @@ onDestroyTrack()
 
 注： 上报数据是否成功可查看NetWork栏，调用流量上报 **track 接口** 和 自定义上报 **event 接口**的 response
 
-#### 6、埋点后台管理系统
+## 7、埋点后台管理系统
 
 ##### 云测管理端地址
 
 - chameleon.gcongo.com.cn
 
-#### 7、SDK 文档
+## 8、SDK 文档
 
 http://verdaccio.gogdev.cn/-/web/detail/visual-buried-point-platform-uni
 

package/autoutils.js

@@ -0,0 +1,177 @@
+import { reportTrackEventServer } from "./index.js";
+import {
+  sdkTrackIdVal,
+  Global,
+  pagesArray,
+  timeToStr,
+  randomUUID,
+} from "./tools.js";
+
+export const AUTOTRACKTYPE = {
+  ENTER: "enter",
+  LOOP: "loop",
+  LEAVE: "leave",
+};
+// PVUV存储的key值
+const BPNPVUV = "UNIBPNPVUVSrcData";
+const BPNPVUVFail = "UNIBPNPVUVFailData";
+// 采集数据
+let atDuration;
+let atEnterTimeLong;
+let atLoopTimeLong;
+let cirtemp;
+let atObj;
+let atInterval = null;
+let cUUId = null;
+
+function clearUAData() {
+  clearInterval(atInterval);
+  atDuration = 0;
+  atEnterTimeLong = 0;
+  atLoopTimeLong = 0;
+  cirtemp = 1;
+  atObj = null;
+  atInterval = null;
+  cUUId = 0;
+}
+
+export const uAutoStartTrackPVData = (objParams) => {
+  if (atInterval) {
+    autoStopTrackPVUV();
+  } else {
+    clearUAData();
+    atObj = objParams;
+    autoTrackData(AUTOTRACKTYPE.ENTER);
+    atInterval = setInterval(() => {
+      autoTrackData(AUTOTRACKTYPE.LOOP);
+    }, 15000);
+  }
+};
+
+export const autoStopTrackPVUV = () => {
+  autoTrackData(AUTOTRACKTYPE.LEAVE);
+  clearInterval(atInterval);
+};
+
+function autoTrackData(type) {
+  if (type === AUTOTRACKTYPE.ENTER) {
+    cirtemp = 1;
+    atDuration = 0;
+    atEnterTimeLong = Date.now();
+    atLoopTimeLong = atEnterTimeLong;
+    cUUId = randomUUID();
+  } else if (type === AUTOTRACKTYPE.LOOP) {
+    cirtemp = 2;
+    atDuration = 15;
+    atLoopTimeLong = Date.now();
+  } else if (type === AUTOTRACKTYPE.LEAVE) {
+    cirtemp = 3;
+    atDuration = Math.ceil((Date.now() - atLoopTimeLong) / 1000);
+  }
+  if (atObj) {
+    const puvData = {
+      busSegment: atObj.busSegment || "",
+      circulation: cirtemp,
+      domain: atObj.domain,
+      duration: atDuration,
+      module: atObj.module || "",
+      path: atObj.path,
+      url: atObj.url,
+      sourceDomain: atObj.sourceDomain,
+      sourceUrl: atObj.sourceUrl,
+      properties: atObj.properties,
+      title: atObj.title,
+      traceId: "",
+      trackId: sdkTrackIdVal(),
+      visitPage: atObj.visitPage,
+      visitTime: timeToStr(atEnterTimeLong),
+      pageUUId: cUUId,
+    };
+    if (puvData) {
+      insertPVUVData(puvData, cUUId);
+    }
+  }
+}
+
+// 插入数据
+export function insertPVUVData(pData, pUUId) {
+  let td = uni.getStorageSync(BPNPVUV);
+  let mPVData = td ? JSON.parse(td) : [];
+  if (mPVData.length > 0) {
+    const index = mPVData.findIndex((obj) => obj.pageUUId === pUUId);
+    if (index !== -1) {
+      mPVData[index] = { ...mPVData[index], ...pData };
+    } else {
+      mPVData.push(pData);
+    }
+  } else {
+    mPVData.push(pData);
+  }
+  uni.setStorageSync(BPNPVUV, JSON.stringify(mPVData));
+}
+
+// 自动采集对象
+export function autoPageObj(cpath, clength, cpages) {
+  let _pObj = pagesArray.find((obj) => obj.path === cpath);
+  let pf = Global.platform;
+  let url = "";
+  let domain = "";
+  let srcUrl = "";
+  let srcDomain = "";
+  if (pf) {
+    if (pf === "web" || pf === "h5") {
+      url = window.location.href;
+      domain = window.location.hostname;
+      if (document.referrer) {
+        let parsedUrl = new URL(document.referrer);
+        srcUrl = parsedUrl || "";
+        srcDomain = parsedUrl.hostname || "";
+      }
+    } else {
+      url = cpath;
+      if (clength > 1) {
+        let beforePage = cpages[clength - 2];
+        srcUrl = beforePage.route;
+      }
+      domain = Global.domain ? Global.domain : cpath;
+    }
+  }
+  return {
+    path: _pObj && _pObj.path ? _pObj.path : cpath,
+    busSegment:
+      _pObj && _pObj.busSegment ? _pObj.busSegment : Global.busSegment || "",
+    module: _pObj && _pObj.module ? _pObj.module : Global.module || "",
+    properties: _pObj && _pObj.properties ? _pObj.properties : "",
+    domain: domain,
+    url: url,
+    visitPage: clength,
+    sourceDomain: srcDomain,
+    sourceUrl: srcUrl,
+    title: _pObj && _pObj.title ? _pObj.title : "",
+  };
+}
+
+/**
+ * 查询数据
+ * 0 未上报 2上报失败
+ */
+export function queryTrackDataUpload() {
+  let td = uni.getStorageSync(BPNPVUV);
+  uni.setStorageSync(BPNPVUV, "");
+  const arr = td ? JSON.parse(td) : [];
+  let uploadArray = [];
+  let ftd = uni.getStorageSync(BPNPVUVFail);
+  const failArr = ftd ? JSON.parse(ftd) : [];
+  if (arr.length) {
+    uploadArray.push(...arr);
+  }
+  if (failArr.length) {
+    uploadArray.push(...failArr);
+  }
+  if (uploadArray && uploadArray.length) {
+    uploadArray.forEach((item) => {
+      delete item.pageUUId;
+    });
+    reportTrackEventServer("track", uploadArray, BPNPVUVFail);
+  }
+}

package/eventutils.js

@@ -0,0 +1,91 @@
+import MD5 from "md5";
+import { addCache, clearCache, getCache } from "./cache.js";
+import { reportTrackEventServer } from "./index.js";
+import { getUtmObj, sdkTrackIdVal, timeToStr } from "./tools.js";
+
+//Event存储的key值
+const BPNEvent = "UNIBPNEventSrcData";
+const BPNEventFail = "UNIBPNEventFailData";
+let timerCustom;
+
+function getCurPath() {
+  const pages = getCurrentPages();
+  const gcp = pages[pages.length - 1];
+  return gcp ? gcp.route : "/";
+}
+
+// 自定义部分 type=>custom event=>到四种具体事件类型 extend_param 扩展字段
+export function eventCommonStore(data) {
+  if (!data) return;
+  const _page = data.$page ? data.$page : "";
+  const _path = _page.path ? _page.path : getCurPath();
+  let reportEventData = {
+    utm: data.$utm ? data.$utm : getUtmObj(),
+    duration: "",
+    element: data.$element ? data.$element : null,
+    eventId: data.$event_id ? data.$event_id : "",
+    event: data.$event_code ? data.$event_code : "",
+    groupId: "",
+    busSegment: data.$busSegment ? data.$busSegment : "",
+    module: data.$module ? data.$module : "",
+    page: {
+      domain: _page.domain ? _page.domain : "",
+      pageId: MD5(_path),
+      path: _path || "",
+      title: _page.title || "",
+      url: _path || "",
+    },
+    properties: data.$extend_param ? JSON.stringify(data.$extend_param) : "",
+    traceId: "",
+    trackId: sdkTrackIdVal(),
+    triggerTime: timeToStr(Date.now()),
+  };
+
+  if (reportEventData) {
+    addCache(reportEventData);
+    clearTimeout(timerCustom);
+    timerCustom = setTimeout(() => {
+      const data = getCache();
+      if (data.length) {
+        insertEventData(data);
+        clearCache();
+      }
+    }, 2000);
+  }
+}
+
+/**
+ *  插入Event数据合并
+ */
+export function insertEventData(cData) {
+  const cd = uni.getStorageSync(BPNEvent);
+  let allEventData = cd ? JSON.parse(cd) : [];
+  if (cData && cData.length) {
+    // concat方法
+    allEventData.concat(cData);
+    uni.setStorageSync(BPNEvent, JSON.stringify(allEventData));
+  }
+}
+
+/**
+ * 查询自定义数据
+ * 0 未上报/上报失败
+ */
+export function queryEventDataUpload() {
+  let cd = uni.getStorageSync(BPNEvent);
+  uni.setStorageSync(BPNEvent, "");
+  const arr = cd ? JSON.parse(cd) : [];
+  let uploadArray = [];
+  let fcd = uni.getStorageSync(BPNEventFail);
+  const failArr = fcd ? JSON.parse(fcd) : [];
+  if (arr.length) {
+    uploadArray.push(...arr);
+  }
+  if (failArr.length) {
+    uploadArray.push(...failArr);
+  }
+  if (uploadArray && uploadArray.length) {
+    console.log("queryEventDataUpload");
+    reportTrackEventServer("event", uploadArray, BPNEventFail);
+  }
+}

package/index.js

@@ -1,61 +1,34 @@
 import MD5 from "md5";
+import { queryTrackDataUpload } from "./autoutils.js";
+import { setReportUrl } from "./config.js";
+import { eventCommonStore, queryEventDataUpload } from "./eventutils.js";
+import { uStopTrackPVData, uStartTrackPVData } from "./manualutils.js";
 import pk from "./package.json";
-import { addCache, getCache, clearCache } from "./cache.js";
-import { addSData, getSData, delSData } from "./bpstorage.js";
+import { uniInterceptorListener } from "./pageListener.js";
 import {
-  randomUUID,
-  webH5Info,
-  wxInfo,
   getAppInfo,
   getDeviceInfo,
   getDeviceInfoError,
-  timeToStr,
-  getTrackObj,
+  getWebH5Info,
+  getWXInfo,
+  Global,
+  randomUUID,
+  sdkTrackIdVal,
+  uUpdatePageExtraArray,
 } from "./tools.js";
-import { setReportUrl } from "./config.js";
 
 const localLsi = pk.lsi;
-let platform = "";
-let uAgent = "";
-let reportUrl = "";
-let reportTrackUrl = "";
-let trackId = "";
 let _comInfo = { distinctId: "", anonymousId: "" };
 let appData = {};
 let deviceData = {};
-let _config = {
-  env: "production",
-  token: "",
-  srcDomain: "",
-  flushInterval: 15,
-};
-//track upload interval
-let tInterval = null;
-let busObj = null;
-let startTime = 0;
-let startTimeLong = 0;
-
 //common global upload interval
-let cInterval = null;
-
+let uglInterval = null;
 export function init(config) {
   if (config) {
     let _cf = setReportUrl(config.env ? config.env : "");
-    reportUrl = _cf.reportUrl;
-    reportTrackUrl = _cf.reportTrackUrl;
-    if (config.flushInterval) {
-      if (config.flushInterval < 5) {
-        config.flushInterval = 15;
-      }
-    } else {
-      config.flushInterval = 15;
-    }
-    _config = {
-      env: config.env,
-      token: config.token ? config.token : "",
-      srcDomain: config.sourceDomain ? config.sourceDomain : "",
-      flushInterval: config.flushInterval,
-    };
+    Global.upEventUrl = _cf.reportUrl;
+    Global.upTrackUrl = _cf.reportTrackUrl;
+    Object.assign(Global, config);
     getBaseicInfo();
     _comInfo.distinctId = uni.getStorageSync("v_userId")
       ? uni.getStorageSync("v_userId")
@@ -65,26 +38,23 @@ export function init(config) {
       _comInfo.anonymousId = randomUUID();
       uni.setStorageSync("v_anonId", _comInfo.anonymousId);
     }
-    if (!trackId) {
-      trackId = Date.now().toString();
-    }
+    sdkTrackIdVal();
   } else {
     console.log("init config error, please check config!");
   }
+  // Enabling a global timer
   startGlobalTime();
+  // Monitor page loading and unloading
+  uniInterceptorListener();
 }
 
 //the general custom reportCustom interval is enabled
 function startGlobalTime() {
-  clearInterval(cInterval);
-  cInterval = setInterval(() => {
-    let cData = getSData();
-    console.log("storage data " + JSON.stringify(cData));
-    if (cData) {
-      reportCustom(cData);
-      delSData();
-    }
-  }, _config.flushInterval * 1000);
+  clearInterval(uglInterval);
+  uglInterval = setInterval(() => {
+    queryEventDataUpload();
+    queryTrackDataUpload();
+  }, 15000);
 }
 
 //bind userID
@@ -98,195 +68,97 @@ export function setUserId(userId) {
   }
 }
 
-//set custom event
-export function setCustomEvent(data) {
-  let reportData = null;
-  const _page = data.$page ? data.$page : "";
-  const _path = _page.path ? _page.path : getCurPath();
-  reportData = {
-    ctk: data.$ctk ? data.$ctk : "",
-    duration: "",
-    element: null,
-    eventId: data.$event_id ? data.$event_id : "",
-    event: data.$event_code ? data.$event_code : "",
-    groupId: "",
-    busSegment: data.$busSegment,
-    module: data.$module,
-    page: {
-      domain: _page.domain ? _page.domain : "",
-      pageId: MD5(_path),
-      path: _path,
-      title: _page.title ? _page.title : "",
-    },
-    path: data.$path ? data.$path : "",
-    properties: data.$extend_param ? JSON.stringify(data.$extend_param) : "",
-    traceId: "",
-    trackId: trackId,
-    triggerTime: timeToStr(Date.now()),
-    url: "",
-  };
-  if (reportData) {
-    addCache(reportData);
-    const data = getCache();
-    if (data.length) {
-      console.log("customData: ", JSON.stringify(data));
-      addSData(data);
-      clearCache();
-    }
-  }
+// get trackId
+export function getTrackId() {
+  return sdkTrackIdVal();
 }
 
-function reportCustom(data) {
-  if (!reportUrl) {
-    //console.error("please set upload data url");
-    return;
-  }
-  const comData = commonData(data);
-  const reportData = {
-    ...comData,
-    dataAbstract: MD5(JSON.stringify(comData)),
-  };
-  uni.request({
-    url: reportUrl,
-    method: "POST",
-    header: {
-      "Content-Type": "application/json",
-      appKey: _config.token,
-      projectId: _config.token,
-    },
-    data: reportData,
-    success: function (res) {},
-    fail: function (error) {
-      console.error(error);
-    },
-  });
+// set custom event
+export function setCustomEvent(data) {
+  eventCommonStore(data);
 }
 
-//track upload-注册
+//track upload-registry
 export function onStartTrack(tData) {
-  busObj = null;
-  startTime = 0;
-  startTimeLong = Date.now();
-  busObj = tData;
-  clearInterval(tInterval);
-  assemblyTrackData("start");
-  tInterval = setInterval(() => {
-    startTime += 15;
-    startTimeLong = Date.now();
-    assemblyTrackData("start");
-  }, 15 * 1000);
+  uStartTrackPVData(tData);
 }
 
-//track upload-销毁
+//track upload-Destroy
 export function onDestroyTrack() {
-  assemblyTrackData("destroy");
-  clearInterval(tInterval);
+  uStopTrackPVData();
 }
 
-function assemblyTrackData(type) {
-  if (busObj) {
-    let obj = getTrackObj(busObj);
-    let trackData = null;
-    if (type === "destroy") {
-      startTime = (Date.now() - startTimeLong) / 1000;
-    }
-    trackData = {
-      busSegment: busObj.busSegment,
-      circulation: obj.circulation,
-      ctk: busObj.ctk ? busObj.ctk : "",
-      domain: obj.domain,
-      duration: startTime === 0 ? 0 : startTime,
-      module: busObj.module,
-      path: obj.path,
-      properties: busObj.extend_param
-        ? JSON.stringify(busObj.extend_param)
-        : "",
-      sourceDomain: obj.sourceDomain ? obj.sourceDomain : _config.srcDomain,
-      sourceUrl: obj.sourceUrl,
-      title: obj.title,
-      traceId: busObj.traceId ? busObj.traceId : "",
-      trackId: trackId,
-      url: obj.url,
-      visitPage: obj.visitPage,
-      visitTime: busObj.visitTime ? busObj.visitTime : timeToStr(Date.now()),
-    };
-    if (trackData) {
-      reportTrack([trackData]);
-    }
-  }
+// auto track Preset attribute
+export function setPageExtraObj(tData) {
+  uUpdatePageExtraArray(tData);
 }
 
-// track upload data
-function reportTrack(data) {
-  if (!reportTrackUrl) {
+// data upload
+export function reportTrackEventServer(upType, data, sFailKey) {
+  if (!upType) {
+    console.error("please set upload data upType");
     return;
   }
   const comData = commonData(data);
-  const reportTrackData = {
+  const reportData = {
     ...comData,
     dataAbstract: MD5(JSON.stringify(comData)),
   };
   uni.request({
-    url: reportTrackUrl,
+    url: upType === "event" ? Global.upEventUrl : Global.upTrackUrl,
     method: "POST",
     header: {
       "Content-Type": "application/json",
-      appKey: _config.token,
-      projectId: _config.token,
+      appKey: Global.token,
+      projectId: Global.token,
+    },
+    data: reportData,
+    success: function (res) {
+      if (res && res.data) {
+        uni.setStorageSync(sFailKey, JSON.stringify(data));
+      } else {
+        uni.setStorageSync(sFailKey, "");
+      }
     },
-    data: reportTrackData,
-    success: function (res) {},
     fail: function (error) {
-      console.error(error);
+      console.log("error: ", error);
+      uni.setStorageSync(sFailKey, JSON.stringify(data));
     },
   });
 }
 
-function getCurPath() {
-  if (platform) {
-    if (platform == "wx") {
-      let gcp = getCurrentPages();
-      return gcp ? gcp[gcp.length - 1].route : "/";
-    } else if (platform == "web") {
-      return window.location.hostname;
-    } else if (platform == "android" || platform === "ios") {
-      return "";
-    }
-  }
-}
-
 function commonData(allData) {
   return {
     app: appData,
     data: allData,
-    deviceData: deviceData,
+    device: deviceData,
     lsi: localLsi,
-    projectId: _config.token,
-    userAgent: uAgent ? uAgent : "",
+    projectId: Global.token,
+    userAgent: Global.uAgent || "",
     anonymousId: _comInfo.anonymousId,
     userId: _comInfo.distinctId,
   };
 }
 
-//获取基本信息
+// get baseInfo
 function getBaseicInfo() {
   uni.getSystemInfo({
     success: function (res) {
-      uAgent = res.ua;
+      Global.uAgent = res.ua;
       let uniPlatform = res.uniPlatform;
       if (uniPlatform.includes("app")) {
-        platform = res.osName;
+        Global.platform = res.osName;
         appData = getAppInfo(res);
       } else if (uniPlatform.includes("web") || uniPlatform.includes("h5")) {
-        platform = uniPlatform;
-        let wh5Info = webH5Info(res);
+        Global.platform = uniPlatform;
+        let wh5Info = getWebH5Info(res);
         appData = {
           ...wh5Info,
-          version: _config.version ? _config.version : "unknown",
+          version: Global.version ? Global.version : "unknown",
         };
       } else if (uniPlatform.includes("weixin")) {
-        platform = "wx";
-        appData = wxInfo();
+        Global.platform = "weixin";
+        appData = getWXInfo();
       }
       deviceData = getDeviceInfo(res);
     },
@@ -296,10 +168,7 @@ function getBaseicInfo() {
     complete: function () {
       uni.getNetworkType({
         success(res) {
-          deviceData = {
-            ...deviceData,
-            network: res.networkType,
-          };
+          deviceData.network = res.networkType;
         },
       });
     },

package/lsi-md5.js

@@ -1,15 +1,16 @@
 // 此js在npm build，根据name + version + md5后会自动修改package.json中的lsi
 // 注：发给后端，作为标识依据和上报字段lsi值
-import fs from 'fs' ;
-import MD5 from 'md5' ;
-const packageJson = JSON.parse(fs.readFileSync('./package.json', 'utf-8'));
-
+import fs from "fs";
+import MD5 from "md5";
+// const fs = require("fs");
+// const MD5 = require("md5");
+const packageJson = JSON.parse(fs.readFileSync("./package.json", "utf-8"));
 
 const { name, version } = packageJson;
 // MD5
 const combinedString = name + "-" + version;
 const md5Str = MD5(combinedString);
-packageJson.lsi = md5Str;
+packageJson.lsi = md5Str + "#" + version;
 //base64
 // const combinedString = name.substring(0, 16) + "v" + version;
 // const base64Str = btoa(combinedString);

package/manualutils.js

@@ -0,0 +1,87 @@
+import { AUTOTRACKTYPE, insertPVUVData } from "./autoutils.js";
+import {
+  getTrackObj,
+  getUtmObj,
+  randomUUID,
+  sdkTrackIdVal,
+  timeToStr,
+} from "./tools.js";
+
+// 流量上报采集
+let startTime = 0;
+let enterTimeLong = 0;
+let loopTimeLong = 0;
+let cirtemp = -1;
+let mObj = null;
+let umlInterval = null;
+let cUUId = 0;
+
+function clearUMlData() {
+  clearInterval(umlInterval);
+  startTime = 0;
+  enterTimeLong = 0;
+  loopTimeLong = 0;
+  cirtemp = 1;
+  mObj = null;
+  umlInterval = null;
+  cUUId = 0;
+}
+
+// start pv
+export const uStartTrackPVData = (tData) => {
+  if (umlInterval) {
+    uStopTrackPVData();
+  } else {
+    if (tData) {
+      clearUMlData();
+      uTrackPVData(AUTOTRACKTYPE.ENTER, tData);
+      umlInterval = setInterval(() => {
+        uTrackPVData(AUTOTRACKTYPE.LOOP, null);
+      }, 15000);
+    }
+  }
+};
+
+// stop pv
+export const uStopTrackPVData = () => {
+  uTrackPVData(AUTOTRACKTYPE.LEAVE);
+  clearUMlData();
+};
+
+function uTrackPVData(type, tData) {
+  if (type === AUTOTRACKTYPE.ENTER) {
+    cUUId = randomUUID();
+    enterTimeLong = Date.now();
+    loopTimeLong = enterTimeLong;
+    mObj = getTrackObj(tData);
+  } else if (type === AUTOTRACKTYPE.LOOP) {
+    cirtemp = 2;
+    startTime = 15;
+    loopTimeLong = Date.now();
+  } else if (type === AUTOTRACKTYPE.LEAVE) {
+    cirtemp = 3;
+    startTime = Math.ceil((Date.now() - loopTimeLong) / 1000);
+  }
+  const puvData = {
+    busSegment: mObj.busSegment,
+    circulation: cirtemp,
+    domain: mObj.domain,
+    duration: startTime,
+    module: mObj.module,
+    path: mObj.path,
+    properties: mObj.properties,
+    sourceDomain: mObj.sourceDomain,
+    sourceUrl: mObj.sourceUrl,
+    title: mObj.title,
+    traceId: "",
+    trackId: sdkTrackIdVal(),
+    url: mObj.url,
+    visitPage: mObj.visitPage,
+    visitTime: timeToStr(enterTimeLong),
+    utm: getUtmObj(),
+    pageUUId: cUUId,
+  };
+  if (puvData) {
+    insertPVUVData(puvData, cUUId);
+  }
+}

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "visual-buried-point-platform-uni",
-  "version": "1.0.0-alpha.02",
-  "lsi": "f0ca171a9f641657370a83f2f7ed65c7",
+  "version": "1.0.0-alpha.21",
+  "lsi": "92ff1eea79405724febc2335b9a3a02a#1.0.0-alpha.21",
   "description": "To make it easy for you to get started with GitLab, here's a list of recommended next steps.",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
-    "build": "webpack --mode production && npm run lsi-md5",
+    "build": "rimraf dist && webpack --mode production && npm run lsi-md5",
     "lsi-md5": "node lsi-md5.js"
   },
-  "type": "module",
   "repository": {
     "type": "git",
     "url": ""
   },
+  "type": "module",
   "keywords": [],
   "author": "",
   "license": "MIT",
@@ -21,6 +21,7 @@
     "md5": "^2.3.0"
   },
   "devDependencies": {
+    "rimraf": "^6.0.1",
     "webpack": "^5.72.1",
     "webpack-cli": "4.9.2"
   }

package/pageListener.js

@@ -0,0 +1,71 @@
+import {
+  autoPageObj,
+  uAutoStartTrackPVData,
+  autoStopTrackPVUV
+} from "./autoutils.js";
+import { Global } from "./tools.js";
+
+export function uniInterceptorListener() {
+  uni.addInterceptor("navigateTo", {
+    invoke(args) {
+      // {"url":"/pages/Home/Home/Home"}
+      routerMsgHandler("leave");
+    },
+    success(args) {
+      // {"errMsg":"switchTab:ok"}
+      routerMsgHandler("pv");
+    },
+  });
+  uni.addInterceptor("switchTab", {
+    invoke(args) {
+      routerMsgHandler("leave");
+    },
+    success(args) {
+      routerMsgHandler("pv");
+    },
+  });
+  uni.addInterceptor("navigateBack", {
+    invoke(args) {
+      routerMsgHandler("leave");
+    },
+    success(args) {
+      routerMsgHandler("pv");
+    },
+  });
+  // 切换到前台
+  // uni.onAppShow((res) => {
+  //   console.log("-----onAppShow--");
+  //   //routerMsgHandler("pv");
+  // });
+  // // 切换到后台
+  // uni.onAppHide(() => {
+  //   console.log("-----onAppHide--");
+  //   //routerMsgHandler("leave");
+  // });
+}
+
+// 路由消息统一处理
+let pathExist = false;
+function routerMsgHandler(msg) {
+  if (Global.isCompatible) {
+  } else {
+    if (msg === "pv") {
+      const pages = getCurrentPages();
+      const page = pages[pages.length - 1];
+      if (Global.signTrackArray && Global.signTrackArray.length) {
+        pathExist = Global.signTrackArray.find((obj) => obj === page.route);
+        if (pathExist) {
+          pathExist = true;
+          return;
+        }
+      }
+      pathExist = false;
+      const pageObj = autoPageObj(page.route, pages.length, pages);
+      uAutoStartTrackPVData(pageObj);
+    } else if (msg === "leave") {
+      if (!pathExist) {
+        autoStopTrackPVUV();
+      }
+    }
+  }
+}

package/tools.js

@@ -1,3 +1,52 @@
+export const AUTOTRACKTYPE = {
+  ENTER: "enter",
+  LOOP: "loop",
+  LEAVE: "leave",
+};
+
+export let Global = {
+  // 项目的域名
+  domain: "",
+  // 全局业务类型
+  busSegment: "",
+  // 全局业务版本
+  module: "",
+  // 定时上报周期
+  flushInterval: "",
+  // 每个页面PV采集的周期
+  pageInterval: "",
+  // 项目id
+  token: "",
+  // 版本号（如果在H5使用，建议传）
+  version: "",
+  // 全局单次访问链路id
+  trackId: "",
+  // 当前平台
+  platform: "",
+  // 全局uAgent
+  uAgent: "",
+  // 上报的事件url
+  upEventUrl: "",
+  // 上报的流量url
+  upTrackUrl: "",
+  // 是否兼容老方案 默认true兼容
+  isCompatible: true,
+  // 需要单个采集的页面path
+  signTrackArray: [],
+};
+
+// 本地记录每个页面设置的属性值例如：module...
+export let pagesArray = [];
+
+export const sdkTrackIdVal = () => {
+  if (Global.trackId) {
+    return Global.trackId;
+  }
+  const tId = Date.now().toString();
+  Global.trackId = tId;
+  return tId;
+};
+
 export function randomUUID() {
   let uuid = "xxxx-4xxx-yxxx-xxxx".replace(/[xy]/g, function (c) {
     let r = (Math.random() * 16) | 0,
@@ -25,7 +74,7 @@ export function timeToStr(timestamp) {
 }
 
 //web或者h5的appInfo
-export function webH5Info(result) {
+export function getWebH5Info(result) {
   let ecology = "unknown";
   let ua = result.ua.toLowerCase();
   let hostname = window.location.hostname;
@@ -58,19 +107,22 @@ export function webH5Info(result) {
     packageName: hostname ? hostname : "",
     version: "",
     carrier: "h5",
-    ecology: ecology,
+    ecology: "h5",
   };
 }
 
 //微信的appInfo
-export function wxInfo() {
-  let accInfo = uni.getAccountInfoSync();
+export function getWXInfo() {
+  const accInfo = uni.getAccountInfoSync();
+  const bInfo = uni.getAppBaseInfo();
   return {
-    name: "",
-    packageName: accInfo ? accInfo.appId : "",
-    version: accInfo ? accInfo.envVersion + accInfo.version : "",
+    name: bInfo.appName ? bInfo.appName : "",
+    packageName: accInfo ? accInfo.miniProgram.appId : "",
+    version: accInfo
+      ? accInfo.miniProgram.envVersion + accInfo.miniProgram.version
+      : "",
     carrier: "mini",
-    ecology: "wechat",
+    ecology: "mini",
   };
 }
 
@@ -81,49 +133,48 @@ export function getAppInfo(result) {
     name: result.appName,
     version: version ? version : "",
     carrier: "app",
+    packageName: "",
+    ecology: "",
   };
   if (result.platform === "android") {
-    let osName = "android";
+    let osName = "Android";
     let pkName = plus.android.runtimeMainActivity().getPackageName();
     if (result.romName.includes("HarmonyOS")) {
-      osName = "harmonyOS";
+      osName = "Harmony OS";
     }
-    app = {
-      ...app,
-      packageName: pkName ? pkName : "",
-      ecology: osName,
-    };
+    app.packageName = pkName ? pkName : "";
+    app.ecology = osName;
   } else if (result.platform === "ios") {
     let pkName = plus.ios
       .importClass("NSBundle")
       .mainBundle()
       .bundleIdentifier();
-    app = {
-      ...app,
-      packageName: pkName ? pkName : "",
-      ecology: "ios",
-    };
+    app.packageName = pkName ? pkName : "";
+    app.ecology = "iOS";
   } else {
-    app = {
-      ...app,
-      packageName: "",
-      version: "",
-      ecology: "unknown",
-    };
+    app.ecology = "unknown";
   }
   return app;
 }
 
-function getCurDeviceType(ua) {
-  const userAgent = ua.toLowerCase();
-  if (/(windows|win32|win64|wow64)/.test(userAgent)) {
-    return 1;
-  } else if (/(linux|android)/.test(userAgent)) {
-    return 2;
-  } else if (/(macintosh|mac os x|iphone|ipad|ipod)/.test(userAgent)) {
-    return 2;
+function getCurDeviceType(res) {
+  if (Global.platform === "web" || Global.platform === "h5") {
+    const userAgent = res.ua.toLowerCase();
+    if (/(windows|win32|win64|wow64)/.test(userAgent)) {
+      return 1;
+    } else if (/(linux|android)/.test(userAgent)) {
+      return 2;
+    } else if (/(macintosh|mac os x|iphone|ipad|ipod)/.test(userAgent)) {
+      return 2;
+    } else {
+      return 2;
+    }
   } else {
-    return 2;
+    if (res.deviceType === "pc") {
+      return 1;
+    } else {
+      return 2;
+    }
   }
 }
 
@@ -132,14 +183,14 @@ export function getDeviceInfo(res) {
   let device = {
     lang: res.osLanguage ? res.osLanguage : res.hostLanguage,
     brand: res.deviceBrand + " " + res.deviceModel,
-    os: res.os,
+    os: res.osName,
     osVersion: res.osVersion,
     resolution: res.screenWidth + "x" + res.screenHeight,
     browser: res.browserName,
     browserVersion: res.browserVersion,
     color: "",
     deviceId: res.deviceId,
-    deviceType: getCurDeviceType(res.ua),
+    deviceType: getCurDeviceType(res),
     network: "",
   };
   return device;
@@ -162,36 +213,96 @@ export function getDeviceInfoError() {
   };
 }
 
-//流量上报H5环境
-export function getTrackObj(busObj) {
-  //uni 通用h5、app、wx拿到当前路由栈
+//uni 通用h5、app、wx拿到当前路由栈
+export function getTrackObj(tData) {
   const pages = getCurrentPages();
   const gcp = pages[pages.length - 1];
-  //h5
-  // let wl = window.location;
-  // let docTitle = document.title;
-  // let refurl = document.referrer;
-  let parsedUrl;
-  if (refurl) {
-    parsedUrl = new URL(refurl);
-  } else {
-    let busRefUrl = busObj.sourceUrl;
-    if (busRefUrl) {
-      parsedUrl = new URL(busRefUrl);
+  let pf = Global.platform;
+  let url = "";
+  let domain = "";
+  let srcUrl = "";
+  let srcDomain = "";
+  if (pf) {
+    if (pf === "web" || pf === "h5") {
+      url = window.location.href;
+      domain = window.location.hostname;
+      if (document.referrer) {
+        let parsedUrl = new URL(document.referrer);
+        srcUrl = parsedUrl || "";
+        srcDomain = parsedUrl.hostname || "";
+      }
     } else {
-      parsedUrl = "";
+      url = gcp.route;
+      if (pages.length > 1) {
+        let beforePage = pages[pages.length - 2];
+        srcUrl = beforePage.route;
+      }
+      domain = Global.domain ? Global.domain : gcp.route;
     }
   }
   if (gcp) {
     return {
       path: gcp.route,
-      domain: busObj.domain ? busObj.domain : "",
-      url: busObj.url ? busObj.url : "",
-      circulation: gcp.length > 1 ? 2 : 1,
-      visitPage: gcp.length,
-      sourceDomain: parsedUrl ? parsedUrl.hostname : "",
-      sourceUrl: parsedUrl,
-      title: docTitle ? docTitle : "",
+      busSegment: tData.busSegment ? tData.busSegment : "",
+      module: tData.module ? tData.module : "",
+      properties: tData.extend_param ? JSON.stringify(tData.extend_param) : "",
+      title: tData.title ? tData.title : "",
+      domain: domain,
+      url: url,
+      visitPage: pages.length,
+      sourceDomain: srcDomain,
+      sourceUrl: srcUrl,
     };
   }
 }
+
+// 更新当前页的业务方设置的对象
+export function uUpdatePageExtraArray(d) {
+  const pages = getCurrentPages();
+  let page = pages[pages.length - 1];
+  const index = pagesArray.findIndex((item) => item.path === page.route);
+  let temp = {
+    path: page.route,
+    properties: d.properties ? JSON.stringify(d.properties) : "",
+    busSegment: d.busSegment ? d.busSegment : "",
+    module: d.module ? d.module : "",
+    title: d.title ? d.title : "",
+  };
+  if (index !== -1) {
+    pagesArray[index] = temp;
+  } else {
+    pagesArray.push(temp);
+  }
+}
+
+// 得到utm
+export function getUtmObj() {
+  if (Global.platform === "web" || Global.platform === "h5") {
+    let utm = {
+      utmSource: "",
+      utmCampaign: "",
+      utmTerm: "",
+      utmContent: "",
+      ctk: "",
+    };
+    if (window.location.href) {
+      const paramsUrl = window.location.href.split("?")[1] || "";
+      if (paramsUrl) {
+        const urlParams = new URLSearchParams(paramsUrl);
+        // 渠道来源
+        utm.utmSource = urlParams.get("utmSource") || "";
+        // 活动名称
+        utm.utmCampaign = urlParams.get("utmCampaign") || "";
+        // 渠道媒介
+        utm.utmTerm = urlParams.get("utmTerm") || "";
+        // 内容
+        utm.utmContent = urlParams.get("utmContent") || "";
+        // 关键词
+        utm.ctk = urlParams.get("ctk") || "";
+      }
+    }
+    return utm;
+  } else {
+    return null;
+  }
+}

package/webpack.config.js

@@ -1,17 +1,17 @@
-import path from "path";
-import { fileURLToPath } from 'url';
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-
-export default {
-  entry: "./index.js",
-  output: {
-    path: path.resolve(__dirname, "dist"),
-    filename: "buried-point-uni.js",
-    libraryTarget: "umd",
-  },
-  resolve: {
-    extensions: [".js"],
-  },
-  mode: "production",
-};
+import path from "path";
+import { fileURLToPath } from "url";
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+export default {
+  entry: "./index.js",
+  output: {
+    path: path.resolve(__dirname, "dist"),
+    filename: "buried-point-uni.js",
+    libraryTarget: "umd",
+  },
+  resolve: {
+    extensions: [".js"],
+  },
+  mode: "production",
+};