資訊專欄INFORMATION COLUMN
摘要：項(xiàng)目中接入最近在公司的內(nèi)部項(xiàng)目中接入技術(shù)棧，跟蹤運(yùn)行時錯誤。具體的可以在你的項(xiàng)目中中查看三客戶端設(shè)置在客戶端中接入是簡單的，只需要配置插件就可以了。
Vue 項(xiàng)目中接入sentry
最近在公司的內(nèi)部Vue項(xiàng)目中接入sentry技術(shù)棧，跟蹤運(yùn)行時錯誤。針對這件事分享下，有不完整或者錯誤的地方歡迎交流。[源碼][1]一、sentry 錯誤日志收集框架
Stop hoping your users will report errors
Open-source error tracking that helps developers monitor and fix crashes in real time. Iterate continuously. Boost efficiency. Improve user experience.
如果項(xiàng)目允許，你可以在sentry申請一個免費(fèi)賬戶，管理你項(xiàng)目上傳的運(yùn)行時錯誤。也可以在公司搭建一個sentry。關(guān)于搭建sentry這塊與本文無關(guān)就暫時不說了，可以查看。
1、sentry的原理（個人見解）（1）sentry是一個收集項(xiàng)目運(yùn)行時錯誤日志的框架，這個框架就要分為服務(wù)平臺和客戶端了。
服務(wù)平臺： 可以自己自己搭建，也可以使用官網(wǎng)的（免費(fèi)、付費(fèi)）
客戶端：從他的出發(fā)點(diǎn)是監(jiān)控項(xiàng)目代碼來理解就知道，需要嵌入項(xiàng)目中。作為前端的話第一個想到的就是插件了。
（2）、語言的多樣化，開發(fā)使用語言是多樣化的所以sentry支持的語言也比較多
（3）、錯誤日志的收集方式。代碼中產(chǎn)生的錯誤日志怎樣上傳到sentry服務(wù)平臺。
當(dāng)你完成sentry配置的時候，你會得到一個稱為“DSN”的值，看起來像一個標(biāo)準(zhǔn)的URL。
Sentry 服務(wù)支持多用戶、多團(tuán)隊(duì)、多應(yīng)用管理，每個應(yīng)用都對應(yīng)一個 PROJECT_ID，以及用于身份認(rèn)證的 PUBLIC_KEY 和 SECRET_KEY。
由此組成一個這樣的 DSN：
"{PROTOCOL}://{PUBLIC_KEY}:{SECRET_KEY}@{HOST}/{PATH}{PROJECT_ID}"
PROTOCOL 通常會是 http 或者 https，HOST 為 Sentry 服務(wù)的主機(jī)名和端口，PATH 通常為空。
二、sentry服務(wù)平臺配置
1、創(chuàng)建項(xiàng)目
2、獲取SENTRY_DSN（也叫Client Keys）
To send data to Sentry you will need to configure an SDK with a client key (usually referred to as the SENTRY_DSN value). For more information on integrating Sentry with your application take a look at our documentation.
如果是使用的免費(fèi)的sentry
"{PROTOCOL}://{PUBLIC_KEY}:{SECRET_KEY}@{HOST}/{PATH}{PROJECT_ID}"
PROTOCOL 通常會是 http 或者 https，HOST 為 Sentry 服務(wù)的主機(jī)名和端口，PATH 通常為空。
具體的可以在你的項(xiàng)目中“Project Setting”中查看
在客戶端中接入是簡單的，只需要配置插件就可以了。但是要注意的是，必須在Vue配置之前。每一個的客戶平臺配置內(nèi)容可以在官網(wǎng)查找。
import Vue from "vue";
import Raven from "raven-js";
import RavenVue from "raven-js/plugins/vue";
Raven
.config("https://[email protected]/242345")
.addPlugin(RavenVue, Vue)
.install();
四、報錯后
點(diǎn)擊進(jìn)去可以查看詳情，且會將報錯信息默認(rèn)發(fā)送到注冊郵箱。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/89637.html
摘要：是一個日志平臺支持多種語言多種框架在接入的同時也接入了國內(nèi)的相對而言的服務(wù)會比較完善比如上報控制的如果自行搭建可以忽略支持自行搭建服務(wù)當(dāng)然了也很感謝的技術(shù)人員耐心為我解答了幾個問題官網(wǎng)具體接入流程簡單體驗(yàn)不使用框架注冊登錄創(chuàng)建團(tuán)隊(duì)創(chuàng)建 sentry Sentry是一個日志平臺, 支持多種語言多種框架, 在接入sentry的同時, 也接入了國內(nèi)的fundebug, 相對而言, sentr...
摘要：我創(chuàng)建了一個名為的項(xiàng)目。錯誤信息查看在后臺找到我們的項(xiàng)目，點(diǎn)擊進(jìn)去就能看到多了一條錯誤信息。它由以下幾部分組成，分別是協(xié)議公鑰私鑰主機(jī)路徑一般為空項(xiàng)目。 sentry簡介 Sentry 是一個開源的錯誤追蹤工具，可以幫助開發(fā)人員實(shí)時監(jiān)控和修復(fù)系統(tǒng)中的錯誤。其專注于錯誤監(jiān)控以及提取一切事后處理所需的信息;支持幾乎所有主流開發(fā)語言(JS/Java/Python/php)和平臺, 并提供了w...
摘要：故而，我們需要在項(xiàng)目出現(xiàn)異常時主動對其進(jìn)行收集上報，分析原因和影響后制定下一步解決方案。所以，我們需要一款成熟的異常監(jiān)控系統(tǒng)來協(xié)助我們。最近在公司項(xiàng)目中部署了，用于項(xiàng)目中異常監(jiān)控，涵蓋了前端后端。 原文首發(fā)于我的個人博客： https://lonhon.top/ 凡事只要有可能出錯,那就一定會出錯 對于任何一個項(xiàng)目而言，本地測試肯定做不到100%覆蓋，而且，我們也不能保證用戶能按照我們...
摘要：提高開發(fā)效率簡單的集成到了生成的項(xiàng)目上項(xiàng)目地址一集成管理團(tuán)隊(duì)的信息步奏安裝添加規(guī)則根目錄添加文件，并添加規(guī)則，必須為格式添加到中安裝并添加命令在中添加查看詳情二集成管理團(tuán)隊(duì)編寫規(guī)范步奏安裝 提高開發(fā)效率 簡單的集成到了vue-cli生成的項(xiàng)目上 項(xiàng)目github地址 A Vue.js project Build Setup # install dependencies npm inst...
摘要：提高開發(fā)效率簡單的集成到了生成的項(xiàng)目上項(xiàng)目地址一集成管理團(tuán)隊(duì)的信息步奏安裝添加規(guī)則根目錄添加文件，并添加規(guī)則，必須為格式添加到中安裝并添加命令在中添加查看詳情二集成管理團(tuán)隊(duì)編寫規(guī)范步奏安裝 提高開發(fā)效率 簡單的集成到了vue-cli生成的項(xiàng)目上 項(xiàng)目github地址 A Vue.js project Build Setup # install dependencies npm inst...
閱讀 2584·2021-11-24 09:38
閱讀 2615·2019-08-30 15:54
閱讀 930·2019-08-30 15:52
閱讀 1918·2019-08-30 15:44
閱讀 2725·2019-08-30 13:48
閱讀 778·2019-08-29 16:21
閱讀 1006·2019-08-29 14:03
閱讀 2223·2019-08-28 18:15
