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
Đâ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 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)

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 taskSentry 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ữaDườ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 SentryTrướ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ớiSau 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ạnSau 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ạnyarn 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://
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 đó
