Sentry là gì

Bài toán

Dạo vừa mới đây mình được giao task làm module hotline Center tích thích hợp vào vào CRM của công ty. Nói nđính gọn gàng thì công việc của mình là viết giao diện cho API của mặt hỗ trợ dịch vụ Tổng Đài call Điện trải qua giao thức SIPhường cùng tích đúng theo nó vào CRM.

Bạn đang xem: Sentry là gì

Chuyện đang chẳng bao gồm gì cho đến khi sếp ước ao sau khi Điện thoại tư vấn điện yêu cầu trả về tác dụng là số điện thoại đó: gồm trường thọ, người sử dụng phủ nhận nghe, số điện thoại thông minh đã tắt trang bị... Nghe thì có vẻ như dễ dàng nhỉ? API nó trả về đồ vật gi thì mình cũng chỉ Việc trả về chiếc kia thôi chứ gì mà lại cần xoắn? Thế mà lại lại khổ sinh sống một chiếc là API nó ko trả về cụ thể như thể ý sếp mong tại do call vào số điện thoại thông minh thiệt này lại khác cùng với SIP protocol. Mà dòng mình dìm về được nó là SIPhường response code. Và có rộng 50 loại reponse codes cho một cuộc gọi fail (Từ 4xx cho tới 6xx)

tin tức gửi thêm này được Hotline là Additional Data. Quý Khách hoàn toàn có thể gửi một JSON object với Sentry vẫn tự động làm cho format để chúng ta cũng có thể dễ dàng theo dõi

điều đặc biệt một cái là Sentry đã auto đoán thù coi loại như thế nào là thông tin mẫn cảm với đậy lại. Những khu vực đó là phần đa nơi cơ mà Sentry sẽ trường đoản cú bịt lại.

Lúc gửi biết tin đi Sentry gửi luôn cả ban bố vào console, bao gồm cả log, xhr request, action của người dùng lên UI

Đây là một giữa những kĩ năng của Sentry mà lại mình thích tốt nhất, nó được Điện thoại tư vấn là Breadcrumbs. Breadcrumbs là số đông sự kiện của áp dụng cùng trình phê duyệt được gìn giữ. Theo như trên trang tư liệu của Sentry thì mang định Sentry sẽ auto tích lũy gần như biết tin sau:

XMLHttpRequestNhững thay đổi Khi chuyển trang (Chỉ áp dụng đến HTML pushState)UI cliông chồng và ấn phímConsole logsNhững lỗi trước (Lúc không gửi trang)

Dường như bạn có thể tạo nên số đông breadcrums đến riêng mình. Ví dụ như event Khi quý khách hàng thêm thành phầm vào giỏ sản phẩm. Chức năng này khôn xiết có lợi, giúp cho bạn gọi được người dùng đã triển khai rất nhiều thao tác làm sao dẫn đến lỗi xảy ra

Chức năng User Feedbaông xã nhằm nhấn phản hồi của người sử dụng mỗi một khi tất cả lỗi xảy ra

Chức năng này sẽ giúp đỡ những developer tích lũy công bố thêm trường đoản cú người dùng bằng phương pháp hiện nay thịra một popup hỏi các thông tin: Tên, gmail người dùng, cùng biểu hiện cthị trấn gì vừa xẩy ra mọi khi có lỗi xảy ra (Quý khách hàng có thể trọn vẹn control được bao giờ thì rất cần phải hiện tại feedbachồng popup)

Tạo user context, để hiểu rằng lỗi kia ảnh hưởng cho tới user nào

Quý khách hàng có thể tạo ra user context bằng phương pháp áp dụng gmail hoặc ID của người dùng. Sau Lúc tạo ra context dứt thì các event vào Sentry hoàn toàn có thể được thanh lọc theo người dùng đã đăng nhtràn vào.

Liên kết cùng với các hình thức issue tracker như: GitHub, Bitbucket, Trello... nhằm tạo ra nkhô cứng task

Sentry cho phép bạn liên kết với hồ hết vận dụng nlỗi GitHub, Bitbucket, Trello và những ứng dụng không giống để sinh sản task nkhô nóng Lúc gồm lỗi xảy ra. Có mỗi một điều mình khó chịu ở dòng Sentry này là nó bắt người tiêu dùng trường đoản cú kiếm tìm API key, token điền vào. Không đề xuất nlỗi nhiều ứng dụng khác bao gồm một button, ấn với next next là xong

Một ví dụ mình links cùng với Trello

Và những tuấn kiệt khác nữa

Dường như Sentry cũng còn số đông chức năng khác nhưng ở đây bản thân không đề cập ra hết đưọc.

Xem thêm: Gieo Quẻ Giờ Động Tâm Là Gì, Trước Khi Muốn Xin Quẻ Để Hỏi Việc

Filter bởi trình chăm sóc, IP, event, tags...Hỗ trợ source maps vào bài toán gửi công bố staông xã trace của exception... còn những chiếc không giống nữa để chúng ta khám phá

Cài đặt Sentry lên website

Okay, nói nãy giờ đồng hồ nhiều rồi. Bây giờ đồng hồ ta hợp tác vào bài toán làm cho chũm nào nhằm setup được Sentry lên website

Tạo tài khoản Sentry

Trước hết thì bạn phải gồm một tài khoản Sentry. Bạn có thể đăng ký miễn tổn phí ở đây, trên cơ bạn dạng thì thông tin tài khoản có thể ĐK miễn phí. Thế mà lại chúng ta cũng có thể xem thêm giá trên trên đây nếu gồm hứng thú với những gói trả phí

Tạo một project mới

Sau khi tạo thành hoàn thành tài khoản Sentry với login vào bạn sẽ được đặt ra những câu hỏi với chọn ngôn ngữ/framework ao ước chế tạo ra project. Trên màn hình này bạn ấn vào tab Frontkết thúc với chọn framework bạn có nhu cầu sử dụng. Sentry cung ứng không hề ít framework: Vue.js, AngularJS, Angular 2+, React.js, Ember, Backbone. Nếu bạn ko áp dụng framework làm sao cả thì hoặc quanh đó những cái trên thì các bạn lựa chọn Javascript.

Cài đặt Sentry vào vận dụng của bạn

Sau khi chế tác dứt project new thì phụ thuộc vào nhiều loại ngôn ngữ/framework mà bạn lựa chọn, bạn sẽ được mang lại trang lý giải cài đặt đến ngôn ngữ/framework đó.

lấy ví dụ so với bản thân là Vue project thì bản thân đang có tác dụng rất nhiều bước sau

Cài package raven-js vào ứng dụng của bạn

yarn add raven-js # Mình say đắm cần sử dụng yarn hơn là npm :DImport Raven vào áp dụng Vueimport Vue from "vue";import Raven from "raven-js";import RavenVue from "raven-js/plugins/vue";Raven .config("https:///id") // key với id đã từ bỏ được điền sinh hoạt trang hướng dẫn, các bạn chỉ việc copy thôi. .addPlugin(RavenVue, Vue) .install();Okay, chỉ đơn giản nhỏng vọc thôi là bạn đang hoàn thành phần cài đặt Sentry. Bây tiếng mỗi lúc có exception thì nó đang auto được gửi vào thông tin tài khoản Sentry của khách hàng.Lập trình nhằm từ bỏ gửi sự kiện theo ý muốnNgoài Việc hồ hết error/exception được từ gửi đi thì chúng ta có thể trường đoản cú lập trình sẵn để gửi sự kiện đi. Để làm việc kia thì chúng ta có thể sử dụng Raven.captureMessage. Capture Message sẽ tự động gửi đa số thông tin hệt như lúc tất cả exception xảy ra, bên cạnh một điều là nó vẫn không tồn tại stachồng trace.

Ngoài vấn đề sử dung Raven.captureMessage thì chúng ta có thể sử dụng Raven.setExtraContext để gửi thêm đa số công bố quan trọng mang lại vấn đề debug

Raven.setExtraContext({response: reponseSent: "fromServer")Raven.captureMessage(`Failed event fired with status code: $statusCode`)Okay, vậy là các bạn sẽ chấm dứt hệ thống error tracking và crash reporting cho trang web của người tiêu dùng rồi đó