Vuejs Sentry的接入和使用

2021-10-19 14:07:38 字數 1842 閱讀 3995

閱讀本文之前,希望你已經對vuejs專案非常熟悉,並且已經部署好了sentry系統。如何部署sentry系統我就不過多闡述了,請自行查閱相關文件,本文只記錄前端接入方法:

首先,我們先安裝兩個依賴(這裡只介紹npm安裝方法)

npm install @sentry/browser

npm install @sentry/integrations

接下來配置sentry,在專案的main.ts加入以下**:

import

*as sentry from

"@sentry/browser"

;import

*as integrations from

"@sentry/integrations"

;sentry.

init()

]});

init常用引數:debug :是否開啟 debug模式,開啟debug,就會把資訊列印到控制台上面

release : **的版本號(release版本號,可以確定當前的錯誤/異常屬於哪乙個發布的版本 可以應用到 sourcemaps 來對映原始碼 )

environment :環境名稱

samplerate : 是否開啟隨機傳送事件給 sentry ,1為100%,0.1 為 10%機率傳送事件

attachstacktrace : 是否開啟堆疊跟蹤,開啟後跟著訊息一起收集

beforesend : 傳送前操作

這裡在sentry上建立專案我省略了,使用的語言是vue,你們建立專案的選擇vue語言就好了,然後create project後就會生成上面的部分了。

接下來我們在main.js裡新增乙個錯誤試試,

throw

newerror

('111'

);

執行專案並訪問,這時我們在sentry系統裡就收到了乙個錯誤日誌。

接下來我們介紹了下sentry api,

1、主動捕獲錯誤或者異常,sentry 常見的是錯誤捕獲,可以根據平台的不同來捕獲錯誤,並且可以傳遞不同的錯誤資訊。

try

catch

(err

)sentry.

captureexception

(new

error

('test'

))

2、另一種常見操作是捕獲裸資訊。訊息只是應該傳送給sentry的一些文字資訊。

sentry.

capturemessage

('something went wrong'

);

3、其他api

captureexception(exception) : 捕獲乙個 js 異常,傳入乙個 exception 物件或者類物件。

capturemessage(message,level) : 捕獲一條資訊,傳入資訊內容和資訊級別

captureevent(sentryevent) : 捕獲乙個事件,sentryevent 是手動建立的,自定義的

addbreadcrumb(breadcrumb) : 新增乙個麵包屑,以供接下裡的捕獲

configurescope((scope)=>{}) : 設定 context 資訊到 scope 上面

withscope((scope)=>{}) : 設定乙個零時的 scope 資訊到 context 上面

TD中的NAS非接入層和AS接入層

所謂接入層的流程和非接入層的流程,實際是從協議棧的角度出發的。在協議棧中,rrc和ranap層及其以下的協議層稱為接入層,它們之上的mm sm cc sms 等稱為非接入層。簡單地說,接入層的流程,也就是指無線接入層的裝置rnc nodeb需要參與處理的流程。非接入層的流程,就是指只有ue和cn需要...

php接入易和快捷支付

php後端 apiurl 介面提交位址 version 3.0 介面版本號,目前固定值為3.0 method yh.online.inte ce 介面名稱 yh.online.pay partner 自行修改 商戶id,由api分配 banktype shortcut 銀行型別 default為跳轉...

記錄xxl job的接入

第一步 先導入pom檔案 com.xuxueli xxl job core 2.1.2 要注意版本號 相對應的版本號 對應的cinfig和方法不一樣 第二步 匯入xxl的config配置類 import com.xxl.job.core.executor.impl.xxljobspringexecu...