feat: 性能、异常信息上报

Author: maotoumao

.env

@@ -0,0 +1,2 @@
+# 用于错误日志、性能检测的 Azure Application Insights 连接字符串
+EXPO_PUBLIC_AZURE_APPLICATION_INSIGHTS_CONNECTION_STRING=

.github/copilot-instructions.md

@@ -0,0 +1,9 @@
+# MusicFree 项目说明
+
+## 项目简介
+MusicFree 是一个基于 React Native 的音乐播放器应用。
+
+## 常见任务
+### 如何新增多语言支持
+1. 在 `src/core/i18n/languages/` 目录下新增对应语言的 JSON 文件，例如 `zh-cn.json` 用于简体中文支持。
+2. 在 `src/types/core/i18n/index.d.ts` 文件中添加对应的语言类型定义。

.gitignore

@@ -80,6 +80,8 @@ keystore.properties
 .vscode/
 tmp/
 scripts/
+.env.production.local
+.env.local
 
 *.log
 # Expo

babel.config.js

@@ -1,6 +1,22 @@
+const path = require('path');
+try {
+    require('dotenv').config({ path: path.resolve(__dirname, '.env.local') });
+    require('dotenv').config({ path: path.resolve(__dirname, '.env') });
+} catch (e) {
+    console.warn('dotenv not found, skipping env loading');
+}
+
 module.exports = {
     presets: ['babel-preset-expo'],
     plugins: [
+        [
+            'transform-inline-environment-variables',
+            {
+                include: [
+                    'EXPO_PUBLIC_AZURE_APPLICATION_INSIGHTS_CONNECTION_STRING'
+                ]
+            }
+        ],
         [
             'module-resolver',
             {

package.json

@@ -22,6 +22,8 @@
     "prepare": "husky"
   },
   "dependencies": {
+    "@microsoft/applicationinsights-react-native": "^4.3.8",
+    "@microsoft/applicationinsights-web": "^3.3.10",
     "@react-native-async-storage/async-storage": "1.23.1",
     "@react-native-clipboard/clipboard": "^1.15.0",
     "@react-native-community/netinfo": "11.4.1",
@@ -109,7 +111,9 @@
     "@types/react-test-renderer": "^18.0.0",
     "babel-jest": "^29.6.3",
     "babel-plugin-module-resolver": "^5.0.2",
+    "babel-plugin-transform-inline-environment-variables": "^0.4.4",
     "babel-plugin-transform-remove-console": "^6.9.4",
+    "dotenv": "^17.2.3",
     "eslint": "^8.19.0",
     "eslint-config-prettier": "^9.1.0",
     "husky": "^9.1.4",

release/telemetry.json

@@ -0,0 +1 @@
+{}

src/components/errorBoundary/index.tsx

@@ -6,6 +6,7 @@ import rpx from "@/utils/rpx";
 import LinkText from "@/components/base/linkText";
 import { ImgAsset } from "@/constants/assetsConst";
 import ThemeText from "@/components/base/themeText";
+import telemetry from "@/core/telemetry";
 
 interface DeviceInfoProps {
     colors: any;
@@ -52,7 +53,9 @@ function DeviceInfoSection({ colors }: DeviceInfoProps) {
         };
 
         getDeviceInfo();
-    }, []);    const systemDisplayName = Platform.OS === "ios" ? "iOS" : "Android";
+    }, []);    
+    
+    const systemDisplayName = Platform.OS === "ios" ? "iOS" : "Android";
 
     return (
         <View style={[styles.deviceInfoBox, { backgroundColor: colors.card, borderColor: colors.divider }]}>
@@ -76,6 +79,10 @@ function DeviceInfoSection({ colors }: DeviceInfoProps) {
                     <Text style={[styles.deviceInfoLabel, { color: colors.textSecondary }]}>设备型号:</Text>
                     <Text style={[styles.deviceInfoValue, { color: colors.text }]}>{deviceInfo.deviceBrand} {deviceInfo.deviceModel}</Text>
                 </View>
+                <View style={styles.deviceInfoRow}>
+                    <Text style={[styles.deviceInfoLabel, { color: colors.textSecondary }]}>DebugID:</Text>
+                    <Text style={[styles.deviceInfoValue, { color: colors.text }]}>{telemetry.sessionId}</Text>
+                </View>
             </View>
         </View>
     );
@@ -116,6 +123,9 @@ class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
 
         // 这里可以添加错误日志上报
         console.error("ErrorBoundary caught an error:", error, errorInfo);
+        telemetry.logException(error, {
+            i: errorInfo,
+        });
     }
 
     render() {

src/core/i18n/languages/en-us.json

@@ -300,6 +300,7 @@
     "basicSettings.developer.devLog": "Debug Panel",
     "basicSettings.developer.viewErrorLog": "View Error Logs",
     "basicSettings.developer.clearLog": "Clear Logs",
+    "basicSettings.developer.disableTelemetry": "Disable automatic reporting of performance and exception information",
     "editMusicSheetInfo.title": "Edit Playlist Info",
     "editMusicSheetInfo.changeCoverImageButton": "Change Cover",
     "editMusicSheetInfo.resetCoverImageButton": "Reset to Default",
@@ -331,6 +332,7 @@
     "toast.logCleared": "Logs cleared",
     "toast.noFloatWindowPermission": "No float window permission",
     "toast.folderNotExistOrNoPermission": "Folder doesn't exist or no permission",
+    "toast.telemetryNotAvailable": "Automatic reporting of performance and exception information is temporarily unavailable",
     "musicQuality.low": "Low Quality",
     "musicQuality.standard": "Standard Quality",
     "musicQuality.high": "High Quality",

src/core/i18n/languages/zh-cn.json

@@ -300,6 +300,7 @@
     "basicSettings.developer.devLog": "调试面板",
     "basicSettings.developer.viewErrorLog": "查看错误日志",
     "basicSettings.developer.clearLog": "清空日志",
+    "basicSettings.developer.disableTelemetry": "禁止自动上报性能和异常信息",
     "editMusicSheetInfo.title": "编辑歌单信息",
     "editMusicSheetInfo.changeCoverImageButton": "更换封面",
     "editMusicSheetInfo.resetCoverImageButton": "恢复默认",
@@ -331,6 +332,7 @@
     "toast.logCleared": "日志已清空",
     "toast.noFloatWindowPermission": "无悬浮窗权限",
     "toast.folderNotExistOrNoPermission": "文件夹不存在或无权限",
+    "toast.telemetryNotAvailable": "自动上报性能、异常信息功能暂不可用",
     "musicQuality.low": "低音质",
     "musicQuality.standard": "标准音质",
     "musicQuality.high": "高音质",

src/core/i18n/languages/zh-tw.json

@@ -300,6 +300,7 @@
     "basicSettings.developer.devLog": "調試面板",
     "basicSettings.developer.viewErrorLog": "查看錯誤日誌",
     "basicSettings.developer.clearLog": "清空日誌",
+    "basicSettings.developer.disableTelemetry": "禁止自動上報性能和異常信息",
     "editMusicSheetInfo.title": "編輯歌單資訊",
     "editMusicSheetInfo.changeCoverImageButton": "更換封面",
     "editMusicSheetInfo.resetCoverImageButton": "恢復預設",
@@ -331,6 +332,7 @@
     "toast.logCleared": "日誌已清空",
     "toast.noFloatWindowPermission": "無懸浮窗權限",
     "toast.folderNotExistOrNoPermission": "文件夾不存在或無權限",
+    "toast.telemetryNotAvailable": "自動上報性能、異常信息功能暫不可用",
     "musicQuality.low": "低音質",
     "musicQuality.standard": "標準音質",
     "musicQuality.high": "高音質",