feat: 接入新sentry

feat: 接入新sentry

feat: 接入新sentry, 增加测试代码

feat: 接入新sentry, 增加测试代码

feat: 接入新sentry, 增加测试代码

feat: 接入新sentry, 增加测试代码

app/web/component/layout/activity/index.ts

 import { Vue, Component, Prop } from 'vue-property-decorator';
 import { Getter } from 'vuex-class';
-import Raven from 'raven-js';
-import RavenVue from 'raven-js/plugins/vue';
 import 'intersection-observer';
-import { release } from '@/.sentryclirc';
+// import { release } from '@/.sentryclirc';
+import { init as sentryInit } from '@sentry/vue';
 import '@/service/qg.service';
 import SaDirective from '@qg/citrus-ui/src/helper/directives/saTrack.directive.js';
 import config from '@qg/citrus-ui/src/config/index.js';
@@ -14,13 +13,14 @@ import lazyload from '@qg/cherry-ui/src/lazyload/index';
 import { SSL_OP_ALLOW_UNSAFE_LEGACY_RENEGOTIATION } from 'constants';
 
 // 初始化sentry
-if (process.env.SENTRY_ENV !== 'test' && process.env.NODE_ENV === 'production') {
-  Raven.config('https://00ea2b4a57c94071a8d56f4548a42de2@sentry.quantgroups.com/66', {
-    release,
-    environment: 'production'
-  })
-    .addPlugin(RavenVue, Vue)
-    .install();
+if (EASY_ENV_IS_BROWSER && process.env.SENTRY_ENV !== 'test' && process.env.NODE_ENV === 'production') {
+  sentryInit({
+    Vue,
+    dsn: 'https://a8c47fa8d2cb4e099490ed893c0d1577@sentry.q-gp.com/32', // 项目设置中的Client Keys
+    release: 'quantum-block-h5@1.0.0', // 项目名加版本号
+    tracesSampleRate: 0.5, // 上报频率, 1最大, 0最小, 建议验证设置为1, 项目运行根据情况降低频率
+    environment: process.env.NODE_ENV
+  });
 }
 
 if (EASY_ENV_IS_BROWSER && process.env.SENTRY_ENV === 'test') {

package-lock.json

@@ -2397,6 +2397,92 @@
       "resolved": "http://npmprivate.quantgroups.com/@qg%2fjs-bridge/-/js-bridge-1.1.12.tgz",
       "integrity": "sha512-KhSbaGMJvGZ7CNrl6nIhD56vAKwDCx6kjwm26UeCBb8KAAb2JjgRe3pIAw/XHjC5WZXjlwfwx6hwrgslQiFyxA=="
     },
+    "@sentry/browser": {
+      "version": "7.41.0",
+      "resolved": "http://npmprivate.quantgroups.com/@sentry%2fbrowser/-/browser-7.41.0.tgz",
+      "integrity": "sha512-ZEtgTXPOHZ9/Qn42rr9ZAPTKCV6fAjyDC4FFWMGP4HoUqJqr2woRddP9O5n1jvjsoIPAFOmGzbCuZwFrPVVnpQ==",
+      "requires": {
+        "@sentry/core": "7.41.0",
+        "@sentry/replay": "7.41.0",
+        "@sentry/types": "7.41.0",
+        "@sentry/utils": "7.41.0",
+        "tslib": "^1.9.3"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "1.14.1",
+          "resolved": "http://npmprivate.quantgroups.com/tslib/-/tslib-1.14.1.tgz",
+          "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
+        }
+      }
+    },
+    "@sentry/core": {
+      "version": "7.41.0",
+      "resolved": "http://npmprivate.quantgroups.com/@sentry%2fcore/-/core-7.41.0.tgz",
+      "integrity": "sha512-yT3wl3wMfPymstIZRWNjuov4xhieIEPD0z9MIW9VmoemqkD5BEZsgPuvGaVIyQVMyx61GsN4H4xd0JCyNqNvLg==",
+      "requires": {
+        "@sentry/types": "7.41.0",
+        "@sentry/utils": "7.41.0",
+        "tslib": "^1.9.3"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "1.14.1",
+          "resolved": "http://npmprivate.quantgroups.com/tslib/-/tslib-1.14.1.tgz",
+          "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
+        }
+      }
+    },
+    "@sentry/replay": {
+      "version": "7.41.0",
+      "resolved": "http://npmprivate.quantgroups.com/@sentry%2freplay/-/replay-7.41.0.tgz",
+      "integrity": "sha512-/vxuO17AysCoBbCl9wCwjsCFBD4lEbYgfC1GJm8ayWwPU1uhvZcEx6reUwi0rEFpWYGHSHh3+gi+QsOcY/EmnQ==",
+      "requires": {
+        "@sentry/core": "7.41.0",
+        "@sentry/types": "7.41.0",
+        "@sentry/utils": "7.41.0"
+      }
+    },
+    "@sentry/types": {
+      "version": "7.41.0",
+      "resolved": "http://npmprivate.quantgroups.com/@sentry%2ftypes/-/types-7.41.0.tgz",
+      "integrity": "sha512-4z9VdObynwd64i0VHCqkeIAHmsFzapL21qN41Brzb7jY/eGxjn/0rxInDGH+vkoE9qacGqiYfWj4vRNPLsC/bw=="
+    },
+    "@sentry/utils": {
+      "version": "7.41.0",
+      "resolved": "http://npmprivate.quantgroups.com/@sentry%2futils/-/utils-7.41.0.tgz",
+      "integrity": "sha512-SL+MGitvkakbkrOTb48rDuJp9GYx/veB6EOzYygh49+zwz4DGM7dD4/rvf/mVlgmXUzPgdGDgkVmxgX3nT7I7g==",
+      "requires": {
+        "@sentry/types": "7.41.0",
+        "tslib": "^1.9.3"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "1.14.1",
+          "resolved": "http://npmprivate.quantgroups.com/tslib/-/tslib-1.14.1.tgz",
+          "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
+        }
+      }
+    },
+    "@sentry/vue": {
+      "version": "7.41.0",
+      "resolved": "http://npmprivate.quantgroups.com/@sentry%2fvue/-/vue-7.41.0.tgz",
+      "integrity": "sha512-MgB9m9lpAxKz5OfWBsGkxaVoO5CEzzG5jqkfx5tlOC5eQKTecFqKYohCDHP9Bk76iq+uIHjRIoueFDN/Lx4GTA==",
+      "requires": {
+        "@sentry/browser": "7.41.0",
+        "@sentry/core": "7.41.0",
+        "@sentry/types": "7.41.0",
+        "@sentry/utils": "7.41.0",
+        "tslib": "^1.9.3"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "1.14.1",
+          "resolved": "http://npmprivate.quantgroups.com/tslib/-/tslib-1.14.1.tgz",
+          "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
+        }
+      }
+    },
     "@tootallnate/once": {
       "version": "1.1.2",
       "resolved": "http://npmprivate.quantgroups.com/@tootallnate%2fonce/-/once-1.1.2.tgz",
@@ -22555,11 +22641,6 @@
       "resolved": "http://npmprivate.quantgroups.com/range-parser/-/range-parser-1.0.3.tgz",
       "integrity": "sha1-aHKCNTXGkuLCoBA4Jq/YLC4P8XU="
     },
-    "raven-js": {
-      "version": "3.27.2",
-      "resolved": "http://npmprivate.quantgroups.com/raven-js/-/raven-js-3.27.2.tgz",
-      "integrity": "sha512-mFWQcXnhRFEQe5HeFroPaEghlnqy7F5E2J3Fsab189ondqUzcjwSVi7el7F36cr6PvQYXoZ1P2F5CSF2/azeMQ=="
-    },
     "raw-body": {
       "version": "2.4.1",
       "resolved": "http://npmprivate.quantgroups.com/raw-body/-/raw-body-2.4.1.tgz",

package.json

@@ -28,6 +28,7 @@
     "@qg/cherry-ui": "2.23.10",
     "@qg/citrus-ui": "0.3.63",
     "@qg/js-bridge": "^1.1.12",
+    "@sentry/vue": "^7.41.0",
     "babel-plugin-transform-vue-jsx": "^4.0.1",
     "cos-nodejs-sdk-v5": "^2.9.12",
     "egg": "^2.3.0",
@@ -42,7 +43,6 @@
     "intersection-observer": "^0.12.0",
     "js-cookie": "^2.2.1",
     "npm": "^6.14.10",
-    "raven-js": "^3.27.2",
     "vconsole": "^3.4.0",
     "vue": "^2.6.12",
     "vue-grid-layout": "^2.3.11",

webpack.config.js

@@ -113,13 +113,6 @@ module.exports = {
           test: /[\\/]node_modules[\\/]element-resize-detector[\\/]/,
           enforce: true
         },
-        ravenJs: {
-          name: 'raven-js', // 分离组件库
-          priority: 19,
-          chunks: 'all',
-          test: /[\\/]node_modules[\\/]raven-js[\\/]/,
-          enforce: true
-        },
         cherryUI: {
           name: 'cherry-ui', // 分离组件库
           priority: 18,