byt-ui 0.1.3 → 0.1.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "byt-ui",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "private": false,
   "description": "byt组件库",
   "author": {

package/packages/common/modules/{Sentry.js → sentry.js}

@@ -2,7 +2,7 @@
  * @Description:
  * @Author: 王国火
  * @Date: 2024-04-18 15:37:44
- * @LastEditTime: 2024-04-19 13:50:16
+ * @LastEditTime: 2024-04-22 08:56:36
  * @LastEditors: 王国火
  */
 import * as sentry from '@sentry/vue'
@@ -21,9 +21,34 @@ class Sentry {
     this.register();
   }
 
+  getUserInfo() {
+    // 处理要提交的用户信息
+    const { fullPath } = this.router.currentRoute;
+    const userInfo = getCookie('userInfo') || getStore('userInfo');
+    const tenantId = getCookie('tenantId') || ''
+    const params = {
+      path: fullPath,
+      title: document.title,
+      ip: window.location.host
+    }
+    let opts = {};
+    if (userInfo) {
+      const info = JSON.parse(userInfo);
+      const { username, email } = info;
+      opts = Object.assign(params, info, {
+        id: tenantId,
+        username,
+        email
+      })
+    } else {
+      opts = params
+    }
+    return opts
+  }
+
   captureEvent({
     message = '',
-    level = 'error',
+    level = 'info',
     tags = {
       type: 'xhr-error',
       category: 'xhr-category'
@@ -31,6 +56,7 @@ class Sentry {
     extra = {},
     breadcrumbs = []
   }) {
+    // 错误上报
     sentry.captureEvent({
       message,
       level,
@@ -40,6 +66,7 @@ class Sentry {
     })
   }
   init(dsn) {
+    // init调用
     const params = {
       Vue: this.Vue,
       dsn,
@@ -60,32 +87,16 @@ class Sentry {
       },
       beforeSend: (e) => {
         // 请求发送前添加用户信息
-        const { fullPath } = this.router.currentRoute;
-        const userInfo = getCookie('userInfo') || getStore('userInfo');
-        const tenantId = getCookie('tenantId') || ''
-        const params = {
-          path: fullPath,
-          title: document.title,
-          ip: window.location.host
-        }
-        if (userInfo) {
-          const info = JSON.parse(userInfo);
-          const { username, email } = info;
-          e.user = Object.assign(params, info, {
-            id: tenantId,
-            username,
-            email
-          })
-        } else {
-          e.user = params
-        }
+        e.user = this.getUserInfo();
         return e;
       },
       beforeSendTransaction: (e) => {
+        // 请求发送前添加用户信息,修改transaction为title
         e.transaction = document.title
+        e.user = this.getUserInfo();
         return e
       },
-      // 任何请求都会调用的函数，处理请求status_code不是200时，自定义上报错误信息
+      // 任何请求都会调用的函数，处理请求status_code不是200时，或者code=1,自定义上报错误信息
       beforeBreadcrumb: (scope, hint) => {
         if (scope.category == 'xhr') {
           const statusCode = scope.data.status_code;
@@ -135,23 +146,29 @@ class Sentry {
     // 允许自定义配置覆盖、合并默认配置
     sentry.init(Object.assign({}, params, this.options))
   }
-  register() {
-    this.axios({
+  async register() {
+    const res = await this.axios({
       url: '/leo-tech-bridge/sysParam/getSentryDsn',
       method: 'GET'
-    }).then((res) => {
-      // 需要兼容商城和业务中台
-      const val = res instanceof Object ? res.data : res
-      if (val) {
-        // 重新处理拼接dsn地址
-        const localhost = window.location;
-        const result = val.split('@');
-        const dsn = `${localhost.protocol}//${result[0]}@${localhost.host}${result[1]}`;
-        this.init(dsn);
-      }
-    })
+    });
+    // 需要兼容商城和业务中台
+    const val = res instanceof Object ? res.data : res;
+    if (val) {
+      // 重新处理拼接dsn地址
+      const localhost = window.location;
+      const result = val.split('@');
+      const dsn = `${localhost.protocol}//${result[0]}@${localhost.host}${result[1]}`;
+      this.init(dsn);
+    }
   }
 }
 
-export default Sentry
+export default {
+  install(Vue, options) {
+    const sentry = new Sentry(Object.assign({
+      Vue
+    }, options))
+    Vue.prototype.$sentry = sentry
+  }
+}