Sentry(v20.12.1) K8S 雲原生架構探索，1分鐘上手 JavaScript 效能監控

為少發表於2021-01-21
K8S架構JavaScript

系列

  1. Sentry-Go SDK 中文實踐指南
  2. 一起來刷 Sentry For Go 官方文件之 Enriching Events
  3. Snuba：Sentry 新的搜尋基礎設施(基於 ClickHouse 之上)
  4. Sentry 10 K8S 雲原生架構探索，Vue App 1 分鐘快速接入
  5. Sentry(v20.12.1) K8S雲原生架構探索,玩轉前/後端監控與事件日誌大資料分析,高效能高可用+可擴充套件可伸縮叢集部署
  6. Sentry(v20.12.1) K8S 雲原生架構探索，Sentry JavaScript SDK 三種安裝載入方式
  7. Sentry(v20.12.1) K8S 雲原生架構探索，SENTRY FOR JAVASCRIPT SDK 配置詳解
  8. Sentry(v20.12.1) K8S 雲原生架構探索， SENTRY FOR JAVASCRIPT 手動捕獲事件基本用法
  9. Sentry(v20.12.1) K8S 雲原生架構探索，SENTRY FOR JAVASCRIPT Source Maps 詳解
  10. Sentry(v20.12.1) K8S 雲原生架構探索，SENTRY FOR JAVASCRIPT 故障排除

通過效能監視，Sentry 可以跟蹤您的軟體效能，測量吞吐量和延遲等指標，並顯示多個系統之間的錯誤影響。

安裝

安裝跟蹤軟體包：

ESM

# Using yarn
yarn add @sentry/tracing

# Using npm
npm install @sentry/tracing

CDN

<script
  <!--
    Note that `bundle.tracing.min.js` contains both `@sentry/browser` AND
    `@sentry/tracing`, and should therefore be used in place of
    `@sentry/browser`'s bundle rather than in addition to it.
  -->
  src="https://browser.sentry-cdn.com/5.29.2/bundle.tracing.min.js"
  integrity="sha384-4zxA5Bnxor/VkZae20EqPP3A/6vDlw1ZhqF7EvpmeTfWYFjPIDdaUSOk/q7G/bYw"
  crossorigin="anonymous"
></script>

配置

通過以下兩種方式在您的應用中啟用效能監控：

  1. 使用 SDK 配置中的 tracesSampleRate 選項將所有 transactions 的統一取樣率設定為 0 到 1 之間的數字。（例如，要傳送 20％ 的 transactions，請將 tracesSampleRate 設定為 0.2。）
  2. 通過為 tracesSampler 配置選項提供功能，基於 transaction 本身及其捕獲的上下文動態控制取樣率。

ESM

// If you're using one of our integration packages, like `@sentry/react` or
// `@sentry/angular`, substitute its name for `@sentry/browser` here
import * as Sentry from "@sentry/browser";

// If taking advantage of automatic instrumentation (highly recommended)
import { Integrations as TracingIntegrations } from "@sentry/tracing";
// Or, if only manually tracing
// import * as _ from "@sentry/tracing"
// Note: You MUST import the package in some way for tracing to work

Sentry.init({
  dsn: "https://examplePublicKey@o0.ingest.sentry.io/0",

  // This enables automatic instrumentation (highly recommended), but is not
  // necessary for purely manual usage
  integrations: [new TracingIntegrations.BrowserTracing()],

  // To set a uniform sample rate
  tracesSampleRate: 0.2

  // Alternatively, to control sampling dynamically
  tracesSampler: samplingContext => { ... }
});

CDN

Sentry.init({
  dsn: "https://examplePublicKey@o0.ingest.sentry.io/0",

  // This enables automatic instrumentation (highly recommended), but is not
  // necessary for purely manual usage
  integrations: [new Sentry.Integrations.BrowserTracing()],

  // To set a uniform sample rate
  tracesSampleRate: 0.2

  // Alternatively, to control sampling dynamically
  tracesSampler: samplingContext => { ... }
});

如果設定了這些選項之一，則將在您的應用程式中啟用跟蹤。雖然這些選項是互斥的，但是如果您同時設定了這兩個選項，tracesSampler 將具有優先權。您可以在 Sampling Transactions 中瞭解有關它們如何工作的更多資訊。

驗證

首次啟用跟蹤時，通過將 tracesSampleRate 設定為 1.0 來驗證其是否正常執行，因為這可以確保將每個事務傳送到 Sentry。

一旦測試完成，我們建議在生產中降低這個值，方法是降低您的 tracesSampleRate 值，或者切換到使用 tracesSampler 來動態取樣和過濾您的 transaction。

在沒有采樣的情況下，我們的自動檢測將在任何使用者載入任何頁面或在應用程式中的任何位置導航時傳送 transaction。那是很多 transactions！取樣可以實現代表性資料，而無需佔用系統或 Sentry transaction 配額。

中文文件陸續同步到：

我是為少。
微信：uuhells123。
公眾號：黑客下午茶。
謝謝點贊支援???！

相關文章