首页 发现 帮助
登录
luoy
/
buried-point
1
0
派生 0
文件 工单管理 0 合并请求 0 Wiki
浏览代码

Merge branch 'diy' of https://s-20coaj910c.zht2.com/luoy/buried-piont into diy

luoy 1 月之前
父节点
c13060e4e9 af3daea2ea
当前提交
5193cf95e7
共有 3 个文件被更改，包括 62 次插入 和 6 次删除
合并视图 显示文件统计
  1. 47 5
      buriedPiont.js
  2. 11 0
      main.html
  3. 4 1
      vue-test/src/components/HelloWorld.vue

+ 47 - 5
buriedPiont.js
查看文件 

@@ -1,4 +1,44 @@
 
+
 
+// 通用 JSBridge
 
+window.JSBridge = {
 
+  getOS: function () {
 
+    const ua = navigator.userAgent || navigator.vendor || window.opera;
 
+    if (/android/i.test(ua)) return 'Android';
 
+    if (/iPad|iPhone|iPod/.test(ua) && !window.MSStream) return 'iOS';
 
+    return 'Web';
 
+  },
 
+  getUserId: function (callback) {
 
+    // Android WebView
 
+    if (window.Android && typeof window.Android.getUserId === 'function') {
 
+      callback(window.Android.getUserId());
 
+      return;
 
+    }
 
+    // iOS WebView
 
+    if (window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.getUserId) {
 
+      window.webkit.messageHandlers.getUserId.postMessage(null);
 
+      window.onUserIdReceived = callback; // iOS原生需回调window.onUserIdReceived(userId)
 
+      return;
 
+    }
 
+    // Web环境（用 FingerprintJS 生成指纹）
 
+    if (window.FingerprintJS) {
 
+      FingerprintJS.load().then(fp => {
 
+        fp.get().then(result => {
 
+          callback(result.visitorId);
 
+        });
 
+      });
 
+    } else {
 
+      callback('unsupported');
 
+    }
 
+  }
 
+};
 
+
 
+
 
+let userId = '';
 
+JSBridge.getUserId(function (id) {
 
+  userId = id;
 
+});
 
 class Tracker {
 
 class Tracker {
 
+
 
   constructor(options = {}) {
 
   constructor(options = {}) {
 
     this.baseUrl = options.baseUrl || '';
 
     this.baseUrl = options.baseUrl || '';
 
     this.timer = null;
 
     this.timer = null;
 
@@ -56,10 +96,12 @@ class Tracker {
 
 
 
   startHeartbeat() {
 
   startHeartbeat() {
 
     this.timer = setInterval(() => {
 
     this.timer = setInterval(() => {
 
+      console.log(userId);
 
+
 
       this.sendData({
 
       this.sendData({
 
         eventType: 'heartbeat',
 
         eventType: 'heartbeat',
 
         duration: Math.round((Date.now() - this.startTime) / 1000),
 
         duration: Math.round((Date.now() - this.startTime) / 1000),
 
-      }, {heartbeatSeconds: this.heartbeatInterval});
 
+      }, { heartbeatSeconds: this.heartbeatInterval, userId: userId });
 
     }, this.heartbeatInterval);
 
     }, this.heartbeatInterval);
 
   }
 
   }
 
 
 
@@ -95,7 +137,7 @@ class Tracker {
 
     if (navigator.sendBeacon) {
 
     if (navigator.sendBeacon) {
 
       navigator.sendBeacon(this.baseUrl, payload);
 
       navigator.sendBeacon(this.baseUrl, payload);
 
     } else {
 
     } else {
 
-      this.sendData(payload, {heartbeatSeconds: this.heartbeatInterval});
 
+      this.sendData(payload, { heartbeatSeconds: this.heartbeatInterval, userId: userId });
 
     }
 
     }
 
   };
 
   };
 
 
 
@@ -109,7 +151,7 @@ class Tracker {
 
         text: target.innerText || target.textContent || '',
 
         text: target.innerText || target.textContent || '',
 
         timestamp: new Date().toISOString(),
 
         timestamp: new Date().toISOString(),
 
       };
 
       };
 
-      this.sendData(trackInfo, {heartbeatSeconds: this.heartbeatInterval});
 
+      this.sendData(trackInfo, { heartbeatSeconds: this.heartbeatInterval, userId: userId });
 
     }
 
     }
 
   };
 
   };
 
 
 
@@ -158,7 +200,7 @@ class Tracker {
 
     this.sendData({
 
     this.sendData({
 
       eventType: 'tracker_destroyed',
 
       eventType: 'tracker_destroyed',
 
       duration: Math.round((Date.now() - this.startTime) / 1000),
 
       duration: Math.round((Date.now() - this.startTime) / 1000),
 
-    }, {heartbeatSeconds: this.heartbeatInterval});
 
+    }, { heartbeatSeconds: this.heartbeatInterval, userId: userId });
 
   }
 
   }
 
 }
 
 }
 
 
 
@@ -167,4 +209,4 @@ class Tracker {
 
 // tracker.init();
 
 // tracker.init();
 
 
 
 // 暴露给全局或者作为模块导出
 
 // 暴露给全局或者作为模块导出
 
-window.Tracker = Tracker;
 
+window.Tracker = Tracker;

+ 11 - 0
main.html
查看文件 

@@ -8,9 +8,20 @@
 
 <body>
 
 <body>
 
   这是一个空页面
 
   这是一个空页面
 
   <button id="btn" data-track>点击我</button>
 
   <button id="btn" data-track>点击我</button>
 
+  <div>操作系统: <span id="os"></span></div>
 
+  <div>用户唯一标识: <span id="userId"></span></div>
 
 </body>
 
 </body>
 
 <script src="buriedPiont.js"></script>
 
 <script src="buriedPiont.js"></script>
 
 <script>
 
 <script>
 
+
 
+
 
+  // 展示操作系统和用户唯一标识
 
+  document.addEventListener('DOMContentLoaded', function () {
 
+    document.getElementById('os').innerText = JSBridge.getOS();
 
+    JSBridge.getUserId(function (userId) {
 
+      document.getElementById('userId').innerText = userId;
 
+    });
 
+  });
 
   const tracker = new Tracker({ 
   const tracker = new Tracker({ 
     baseUrl: 'http://192.168.3.9:3000/api/log',
 
     baseUrl: 'http://192.168.3.9:3000/api/log',
 
     heartbeatInterval: 5000,
 
     heartbeatInterval: 5000,

+ 4 - 1
vue-test/src/components/HelloWorld.vue
查看文件 

@@ -8,6 +8,9 @@
 
 </template>
 
 </template>
 
 <script setup>
 
 <script setup>
 
 import UtmTracker from "utm-params-extractor-test";
 
 import UtmTracker from "utm-params-extractor-test";
 
+import {ref} from 'vue';
 
+
 
+const userId = ref('');
 
 
 
 function generateAndAppendUtmParams() {
 
 function generateAndAppendUtmParams() {
 
   // 获取随机合法值的函数
 
   // 获取随机合法值的函数
 
@@ -70,7 +73,7 @@ const fetchData = () => {
 
   console.log(requestData);
 
   console.log(requestData);
 
   fetch('http://192.168.3.9:3000/api/insert', {
 
   fetch('http://192.168.3.9:3000/api/insert', {
 
     method: 'POST',
 
     method: 'POST',
 
-    headers: { 'Content-Type': 'application/json' },
 
+    headers: { 'Content-Type': 'application/json',userid: userId },
 
     body: JSON.stringify(requestData)
 
     body: JSON.stringify(requestData)
 
   })
 
   })
 
    .then(response => response.json())
 
    .then(response => response.json())