国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

Vue 項(xiàng)目中接入sentry

Magicer / 917人閱讀

摘要：項(xiàng)目中接入最近在公司的內(nèi)部項(xiàng)目中接入技術(shù)棧，跟蹤運(yùn)行時(shí)錯(cuò)誤。具體的可以在你的項(xiàng)目中中查看三客戶端設(shè)置在客戶端中接入是簡(jiǎn)單的，只需要配置插件就可以了。

Vue 項(xiàng)目中接入sentry 
    最近在公司的內(nèi)部Vue項(xiàng)目中接入sentry技術(shù)棧，跟蹤運(yùn)行時(shí)錯(cuò)誤。針對(duì)這件事分享下，有不完整或者錯(cuò)誤的地方歡迎交流。[源碼][1]
一、sentry 錯(cuò)誤日志收集框架 
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申請(qǐng)一個(gè)免費(fèi)賬戶，管理你項(xiàng)目上傳的運(yùn)行時(shí)錯(cuò)誤。也可以在公司搭建一個(gè)sentry。關(guān)于搭建sentry這塊與本文無關(guān)就暫時(shí)不說了，可以查看。

1、sentry的原理（個(gè)人見解）

（1）sentry是一個(gè)收集項(xiàng)目運(yùn)行時(shí)錯(cuò)誤日志的框架，這個(gè)框架就要分為服務(wù)平臺(tái)和客戶端了。

    服務(wù)平臺(tái)： 可以自己自己搭建，也可以使用官網(wǎng)的（免費(fèi)、付費(fèi)）
    客戶端：從他的出發(fā)點(diǎn)是監(jiān)控項(xiàng)目代碼來理解就知道，需要嵌入項(xiàng)目中。作為前端的話第一個(gè)想到的就是插件了。

（2）、語言的多樣化，開發(fā)使用語言是多樣化的所以sentry支持的語言也比較多

（3）、錯(cuò)誤日志的收集方式。代碼中產(chǎn)生的錯(cuò)誤日志怎樣上傳到sentry服務(wù)平臺(tái)。

當(dāng)你完成sentry配置的時(shí)候，你會(huì)得到一個(gè)稱為“DSN”的值，看起來像一個(gè)標(biāo)準(zhǔn)的URL。
Sentry 服務(wù)支持多用戶、多團(tuán)隊(duì)、多應(yīng)用管理，每個(gè)應(yīng)用都對(duì)應(yīng)一個(gè) PROJECT_ID，以及用于身份認(rèn)證的 PUBLIC_KEY 和 SECRET_KEY。
由此組成一個(gè)這樣的 DSN：
"{PROTOCOL}://{PUBLIC_KEY}:{SECRET_KEY}@{HOST}/{PATH}{PROJECT_ID}"
PROTOCOL 通常會(huì)是 http 或者 https，HOST 為 Sentry 服務(wù)的主機(jī)名和端口，PATH 通常為空。
二、sentry服務(wù)平臺(tái)配置 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 通常會(huì)是 http 或者 https，HOST 為 Sentry 服務(wù)的主機(jī)名和端口，PATH 通常為空。
具體的可以在你的項(xiàng)目中“Project Setting”中查看

三、客戶端設(shè)置

在客戶端中接入是簡(jiǎn)單的，只需要配置插件就可以了。但是要注意的是，必須在Vue配置之前。每一個(gè)的客戶平臺(tái)配置內(nèi)容可以在官網(wǎng)查找。

import Vue from "vue";
import Raven from "raven-js";
import RavenVue from "raven-js/plugins/vue";

Raven
    .config("https://60f9e820eb7b4a8f9beb62a314b1f80d@sentry.io/242345")
    .addPlugin(RavenVue, Vue)
    .install();
四、報(bào)錯(cuò)后

點(diǎn)擊進(jìn)去可以查看詳情，且會(huì)將報(bào)錯(cuò)信息默認(rèn)發(fā)送到注冊(cè)郵箱。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/89637.html

相關(guān)文章

  • 簡(jiǎn)單而完整地體驗(yàn)一遍sentry的sourcemap服務(wù)

    摘要：是一個(gè)日志平臺(tái)支持多種語言多種框架在接入的同時(shí)也接入了國(guó)內(nèi)的相對(duì)而言的服務(wù)會(huì)比較完善比如上報(bào)控制的如果自行搭建可以忽略支持自行搭建服務(wù)當(dāng)然了也很感謝的技術(shù)人員耐心為我解答了幾個(gè)問題官網(wǎng)具體接入流程簡(jiǎn)單體驗(yàn)不使用框架注冊(cè)登錄創(chuàng)建團(tuán)隊(duì)創(chuàng)建 sentry Sentry是一個(gè)日志平臺(tái), 支持多種語言多種框架, 在接入sentry的同時(shí), 也接入了國(guó)內(nèi)的fundebug, 相對(duì)而言, sentr...

    fsmStudy 評(píng)論0 收藏0

  • vue項(xiàng)目前端錯(cuò)誤收集之sentry

    摘要：我創(chuàng)建了一個(gè)名為的項(xiàng)目。錯(cuò)誤信息查看在后臺(tái)找到我們的項(xiàng)目，點(diǎn)擊進(jìn)去就能看到多了一條錯(cuò)誤信息。它由以下幾部分組成，分別是協(xié)議公鑰私鑰主機(jī)路徑一般為空項(xiàng)目。 sentry簡(jiǎn)介 Sentry 是一個(gè)開源的錯(cuò)誤追蹤工具，可以幫助開發(fā)人員實(shí)時(shí)監(jiān)控和修復(fù)系統(tǒng)中的錯(cuò)誤。其專注于錯(cuò)誤監(jiān)控以及提取一切事后處理所需的信息;支持幾乎所有主流開發(fā)語言(JS/Java/Python/php)和平臺(tái), 并提供了w...

    RaoMeng 評(píng)論0 收藏0

  • Sentry異常監(jiān)控方案部署-前端攻略

    摘要：故而，我們需要在項(xiàng)目出現(xiàn)異常時(shí)主動(dòng)對(duì)其進(jìn)行收集上報(bào)，分析原因和影響后制定下一步解決方案。所以，我們需要一款成熟的異常監(jiān)控系統(tǒng)來協(xié)助我們。最近在公司項(xiàng)目中部署了，用于項(xiàng)目中異常監(jiān)控，涵蓋了前端后端。 原文首發(fā)于我的個(gè)人博客： https://lonhon.top/ 凡事只要有可能出錯(cuò),那就一定會(huì)出錯(cuò) 對(duì)于任何一個(gè)項(xiàng)目而言，本地測(cè)試肯定做不到100%覆蓋，而且，我們也不能保證用戶能按照我們...

    Lorry_Lu 評(píng)論0 收藏0

  • 推薦幾個(gè)前端開發(fā)插件

    摘要：提高開發(fā)效率簡(jiǎn)單的集成到了生成的項(xiàng)目上項(xiàng)目地址一集成管理團(tuán)隊(duì)的信息步奏安裝添加規(guī)則根目錄添加文件，并添加規(guī)則，必須為格式添加到中安裝并添加命令在中添加查看詳情二集成管理團(tuán)隊(duì)編寫規(guī)范步奏安裝 提高開發(fā)效率 簡(jiǎn)單的集成到了vue-cli生成的項(xiàng)目上 項(xiàng)目github地址 A Vue.js project Build Setup # install dependencies npm inst...

    張憲坤 評(píng)論0 收藏0

  • 推薦幾個(gè)前端開發(fā)插件

    摘要：提高開發(fā)效率簡(jiǎn)單的集成到了生成的項(xiàng)目上項(xiàng)目地址一集成管理團(tuán)隊(duì)的信息步奏安裝添加規(guī)則根目錄添加文件，并添加規(guī)則，必須為格式添加到中安裝并添加命令在中添加查看詳情二集成管理團(tuán)隊(duì)編寫規(guī)范步奏安裝 提高開發(fā)效率 簡(jiǎn)單的集成到了vue-cli生成的項(xiàng)目上 項(xiàng)目github地址 A Vue.js project Build Setup # install dependencies npm inst...

    JowayYoung 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

Magicer

男|高級(jí)講師

TA的文章

閱讀更多
最新活動(dòng)
閱讀需要支付1元查看
<