停留时间

App.vue

@@ -1,40 +1,232 @@
 <script>
-	export default {
+export default {
   globalData: {
     mainSliderIndex: 0,
     randomImages: [],
     bgMusic: null,
     isMusicPlaying: false,
-			musicSrc: 'https://static.ticket.sz-trip.com/epicSoul/EpicSouls.mp3'
+    musicSrc: "https://static.ticket.sz-trip.com/epicSoul/EpicSouls.mp3",
+    // 用户使用统计相关
+    userSessionId: null,
+    networkStartTime: null, // 网络时间开始时间
+    networkEndTime: null, // 网络时间结束时间
   },
-		onLaunch: function() {
+     onLaunch: function () {
-			console.warn('当前组件仅支持 uni_modules 目录结构 ，请升级 HBuilderX 到 3.1.0 版本以上！')
+     // 初始化用户使用统计
-			console.log('App Launch')
+     this.initUserUsageStats();
+
+     // 重试上报本地存储的使用统计数据
+     this.retryReportLocalStats();
+
      // 移除初始化背景音乐的调用
      // this.initBackgroundMusic();
      // 审核
-			this.Post({id: 10217},'/api/article/getArticleById').then(res => {
+     this.Post({ id: 10217 }, "/api/article/getArticleById").then((res) => {
        try {
-					let SHFlag = res.data.title
+         let SHFlag = res.data.title;
          // let SHFlag = res.data.subtitle
-					uni.setStorageSync('SHFlag', SHFlag)
+         uni.setStorageSync("SHFlag", SHFlag);
-				} catch(e) {}
+       } catch (e) {}
      });
    },
-		onShow: function() {
+   onShow: function () {
-			console.log('App Show')
+     // 记录应用显示时间（重新进入小程序）
+     this.recordAppShow();
    },
-		onHide: function() {
+   onHide: function () {
-			console.log('App Hide')
+     // 记录应用隐藏时间（退出小程序）
+     this.recordAppHide();
    },
   methods: {
+         // 初始化用户使用统计
+     initUserUsageStats() {
+       // 生成会话ID
+       this.globalData.userSessionId = this.generateSessionId();
+     },
+
+    // 生成会话ID
+    generateSessionId() {
+      const timestamp = Date.now();
+      const random = Math.random().toString(36).substring(2, 15);
+      return `session_${timestamp}_${random}`;
+    },
+
+         // 记录应用显示时间 - 获取网络时间作为开始时间
+     recordAppShow() {
+       // 获取网络时间作为开始时间
+       this.getNetworkTime()
+         .then((networkTime) => {
+           this.globalData.networkStartTime = networkTime;
+         })
+         .catch((err) => {
+           // 获取网络时间失败，静默处理
+         });
+     },
+
+         // 记录应用隐藏时间 - 获取网络时间作为结束时间
+     recordAppHide() {
+       // 获取网络时间作为结束时间
+       this.getNetworkTime()
+         .then((networkTime) => {
+           this.globalData.networkEndTime = networkTime;
+           // 如果使用时长超过1秒，则上报统计数据
+           this.reportUserUsageStats();
+         })
+         .catch((err) => {
+           // 获取网络时间失败，静默处理
+         });
+     },
+    getUserId() {
+      const userInfoFromStorage = uni.getStorageSync("userInfo");
+      if (userInfoFromStorage) {
+        const userInfo = JSON.parse(userInfoFromStorage);
+        if (userInfo.id) {
+          return userInfo.id;
+        }
+      }
+      return store.state.user.userInfo.id;
+    },
+
+         // 上报用户使用统计数据
+     reportUserUsageStats() {
+       if (
+         !this.globalData.networkStartTime ||
+         !this.globalData.networkEndTime
+       ) {
+         return;
+       }
+       let userId = this.getUserId();
+       const usageData = {
+         sessionId: this.globalData.userSessionId,
+         startTime: this.globalData.networkStartTime.toString(),
+         endTime: this.globalData.networkEndTime.toString(),
+         userId: userId,
+         method: "POST",
+       };
+       if (!userId) {
+         this.saveUsageStatsToLocal(usageData);
+         return;
+       }
+
+       // 调用接口上报数据
+       this.Post(usageData, "/api/visit/end", "DES")
+         .then((res) => {
+           // 上报成功后清理数据
+           this.clearUsageStats();
+         })
+         .catch((err) => {
+           // 上报失败时，将数据存储到本地，下次启动时重试
+           this.saveUsageStatsToLocal(usageData);
+         });
+     },
+
+    // 获取平台信息
+    getPlatform() {
+      // #ifdef MP-WEIXIN
+      return "weixin";
+      // #endif
+
+      // #ifdef H5
+      return "h5";
+      // #endif
+
+      // #ifdef APP-PLUS
+      return "app";
+      // #endif
+
+      return "unknown";
+    },
+
+         // 获取网络时间
+     getNetworkTime() {
+       return new Promise((resolve, reject) => {
+         // 调用服务器接口获取网络时间
+         this.Post({}, "/api/visit/currentTime", "DES")
+           .then((res) => {
+             if (res.code == 1 || res.code == 200) {
+               // 假设接口返回的时间戳字段为 serverTime
+               const networkTime = res.data;
+               resolve(networkTime);
+             } else {
+               reject(new Error(res.msg || "获取网络时间失败"));
+             }
+           })
+           .catch((err) => {
+             reject(err);
+           });
+       });
+     },
+
+         // 获取设备信息
+     getDeviceInfo() {
+       try {
+         const systemInfo = uni.getSystemInfoSync();
+         return {
+           model: systemInfo.model || "",
+           system: systemInfo.system || "",
+           platform: systemInfo.platform || "",
+           version: systemInfo.version || "",
+         };
+       } catch (e) {
+         return {};
+       }
+     },
+
+    // 清理使用统计数据
+    clearUsageStats() {
+      this.globalData.networkStartTime = null;
+      this.globalData.networkEndTime = null;
+      this.globalData.userSessionId = null;
+    },
+
+         // 保存使用统计数据到本地
+     saveUsageStatsToLocal(usageData) {
+       try {
+         const localStats = uni.getStorageSync("pendingUsageStats") || [];
+         localStats.push(usageData);
+         uni.setStorageSync("pendingUsageStats", localStats);
+       } catch (e) {
+         // 保存失败，静默处理
+       }
+     },
+
+         // 重试上报本地存储的使用统计数据
+     retryReportLocalStats() {
+       try {
+         const localStats = uni.getStorageSync("pendingUsageStats") || [];
+         if (localStats.length === 0) {
+           return;
+         }
+         let userId = this.getUserId();
+         if (!userId) {
+           return;
+         }
+
+         // 逐个上报
+         localStats.forEach((stats, index) => {
+           stats.userId = userId;
+           this.Post(stats, "/api/visit/end", "DES")
+             .then((res) => {
+               // 上报成功后从本地移除
+               localStats.splice(index, 1);
+               uni.setStorageSync("pendingUsageStats", localStats);
+             })
+             .catch((err) => {
+               // 上报失败，静默处理
+             });
+         });
+       } catch (e) {
+         // 重试失败，静默处理
+       }
+     },
+
     initBackgroundMusic() {
       try {
-					console.log('bgMusic',this.globalData.bgMusic)
+        console.log("bgMusic", this.globalData.bgMusic);
         // 销毁旧的音频实例（关键！）
         if (this.globalData.bgMusic) {
           this.globalData.bgMusic.stop();
-						this.globalData.bgMusic.destroy()
+          this.globalData.bgMusic.destroy();
           this.globalData.bgMusic = null;
         }
 
@@ -61,7 +253,7 @@
 
         // 配置音频
         bgMusic.src = this.globalData.musicSrc;
-					console.log(bgMusic.src)
+        console.log(bgMusic.src);
         bgMusic.loop = true; // 循环播放
 
         // 使用不同的事件监听方式，兼容两种音频上下文
@@ -131,10 +323,10 @@
             }
             return this.globalData.isMusicPlaying;
           },
-						isPlaying: () => this.globalData.isMusicPlaying
+          isPlaying: () => this.globalData.isMusicPlaying,
         };
       } catch (err) {
-					console.error('初始化背景音乐失败:', err);
+        console.error("初始化背景音乐失败:", err);
       }
     },
     updateMusicSrc(newSrc) {
@@ -142,40 +334,39 @@
       if (this.globalData.bgMusic) {
         this.globalData.bgMusic.src = newSrc;
       }
-			}
+    },
-		}
+  },
-	}
+};
 </script>
 
 <style lang="scss">
-	@font-face {
+@font-face {
-		font-family: 'Futura';
+  font-family: "Futura";
   src: url(https://static.ticket.sz-trip.com/epicSoul/taozi/fonts/Futura.ttc);
-	}
+}
-	/*每个页面公共css */
+/*每个页面公共css */
-	@import '@/uni_modules/uni-scss/index.scss';
+@import "@/uni_modules/uni-scss/index.scss";
-	@import "@/static/css/base.css";
+@import "@/static/css/base.css";
 
-	/* #ifndef APP-NVUE */
+/* #ifndef APP-NVUE */
-	// 设置整个项目的背景色
+// 设置整个项目的背景色
-	page {
+page {
   background-color: #f5f5f5;
-	}
+}
 
-	/* #endif */
+/* #endif */
-	.example-info {
+.example-info {
   font-size: 14px;
   color: #333;
   padding: 10px;
-	}
+}
 
-	/* 清除按钮默认样式 */
+/* 清除按钮默认样式 */
-	button::after {
+button::after {
   border: none;
-	}
+}
-
-	@keyframes bounce {
 
+@keyframes bounce {
   0%,
   20%,
   50%,
@@ -191,10 +382,10 @@
   60% {
     transform: translateY(-10rpx);
   }
-	}
+}
 
-	/* 音乐控制按钮动画 */
+/* 音乐控制按钮动画 */
-	@keyframes rotate {
+@keyframes rotate {
   from {
     transform: rotate(0deg);
   }
@@ -202,10 +393,10 @@
   to {
     transform: rotate(360deg);
   }
-	}
+}
 
-	/* 隐藏微信小程序默认音频组件 */
+/* 隐藏微信小程序默认音频组件 */
-	#mp-audio {
+#mp-audio {
   display: none;
-	}
+}
 </style>