Bài toán

Dạo cách đây không lâu bản thân được giao task làm module điện thoại tư vấn Center tích thích hợp vào trong CRM của bạn. Nói ngắn gọn gàng thì các bước của chính mình là viết hình ảnh mang lại API của mặt hỗ trợ hình thức Tổng Đài Call Điện trải qua giao thức SIP. cùng tích đúng theo nó vào CRM.quý khách hàng sẽ xem: Sentry là gì

Chuyện sẽ chẳng bao gồm gì cho tới Lúc sếp mong mỏi sau thời điểm Điện thoại tư vấn năng lượng điện bắt buộc trả về hiệu quả là số điện thoại đó: có lâu dài, người tiêu dùng phủ nhận nghe, số điện thoại cảm ứng thông minh đang tắt thứ... Nghe thì có vẻ dễ dàng nhỉ? API nó trả về đồ vật gi thì mình cũng chỉ Việc trả về chiếc đó thôi chđọng gì cơ mà yêu cầu xoắn? Thế nhưng lại lại khổ làm việc một cái là API nó không trả về rõ ràng như là ý sếp mong muốn tại do gọi vào số điện thoại cảm ứng thông minh thiệt nó lại khác cùng với SIPhường protocol. Mà loại mình dìm về được nó là SIPhường response code. Và gồm rộng 50 loại reponse codes cho 1 cuộc Call fail (Từ 4xx tới 6xx)


*

Thông tin gửi thêm này được Gọi là Additional Data. quý khách hoàn toàn có thể gửi một JSON object cùng Sentry đang tự động hóa làm cho format để bạn có thể dễ dàng theo dõi


*

Đặc biệt một cái là Sentry đang tự động đân oán coi cái nào là công bố mẫn cảm với che lại. Những chỗ chính là hầu như nơi mà Sentry sẽ từ che lại.

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

lúc gửi thông tin đi Sentry gửi luôn cả công bố trong console, bao gồm cả log, xhr request, action của người tiêu dùng lên UI

Đây là một trong những trong những tuấn kiệt của Sentry mà lại mình muốn nhất, nó được Hotline là Breadcrumbs. Breadcrumbs là rất nhiều event của áp dụng cùng trình chu đáo được giữ lại. Theo nhỏng trên trang tư liệu của Sentry thì khoác định Sentry sẽ auto tích lũy hầu như biết tin sau:

XMLHttpRequestNhững biến đổi Khi gửi trang (Chỉ áp dụng đến HTML pushState)UI click cùng ấn phímConsole logsNhững lỗi trước (Khi không chuyển trang)

Dường như bạn có thể tạo nên hầu như breadcrums cho riêng rẽ bản thân. lấy ví dụ như nlỗi sự kiện lúc người sử dụng thêm sản phẩm vào giỏ mặt hàng. Chức năng này rất có ích, giúp đỡ bạn gọi được người tiêu dùng đã thực hiện rất nhiều thao tác làm việc như thế nào dẫn đến lỗi xảy ra


*

Chức năng User Feedbaông xã để dìm đánh giá của người sử dụng mỗi 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 báo cáo thêm từ bỏ 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 tiêu dùng, với biểu lộ cthị trấn gì vừa xẩy ra mỗi lúc bao gồm lỗi xẩy ra (quý khách có thể hoàn toàn control được bao giờ thì cần phải hiện nay feedbaông xã popup)


*

Tạo user context, nhằm biết được lỗi đó ảnh hưởng cho tới user nào

quý khách hàng hoàn toàn có thể tạo user context bằng phương pháp áp dụng gmail hoặc ID của người dùng. Sau Khi chế tạo ra context xong xuôi thì các sự kiện vào Sentry có thể được thanh lọc theo người dùng đã đăng nhtràn vào.

Xem thêm: Luật Sư Trịnh Hội Là Ai - Về Trịnh Hội Và Tổ Chức Voice

Liên kết với những các dịch vụ issue tracker như: GitHub, Bitbucket, Trello... nhằm sản xuất nkhô hanh task

Sentry chất nhận được các bạn liên kết với phần đa áp dụng như GitHub, Bitbucket, Trello cùng nhiều áp dụng không giống để sản xuất task nhanh khô Lúc có lỗi xảy ra. Có từng một điều bản thân khó tính ngơi nghỉ loại Sentry này là nó bắt người tiêu dùng tự search API key, token điền vào. Không cần nhỏng nhiều vận dụng không giống gồm một button, ấn và next next là xong


*

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

Và các tính năng không giống nữaFilter bởi trình để ý, IPhường, sự kiện, tags...Hỗ trợ source map trong bài toán gửi lên tiếng stack trace của exception... còn những cái khác nữa nhằm chúng ta khám phá

Cài đặt Sentry lên website

Okay, nói nãy tiếng các rồi. Bây giờ ta hợp tác vào việc có tác dụng chũm nào nhằm thiết đặt được Sentry lên website

Tạo tài khoản Sentry

Trước hết thì bạn phải tất cả một tài khoản Sentry. Quý khách hàng hoàn toàn có thể đăng ký miễn tầm giá tại chỗ này, bên trên cơ bản thì thông tin tài khoản có thể đăng ký miễn tổn phí. Thế cơ mà chúng ta có thể tham khảo giá chỉ trên đây trường hợp tất cả hứng thú cùng với các gói trả phí

Tạo một project mới

Sau Khi tạo ngừng thông tin tài khoản Sentry với login vào các bạn sẽ được hỏi và chọn ngôn ngữ/framework ao ước tạo ra project. Trên screen này các bạn ấn vào tab Frontend và chọn framework bạn có nhu cầu thực hiện. Sentry hỗ trợ tương đối nhiều framework: Vue.js, AngularJS, Angular 2+, React.js, Ember, Backbone. Nếu chúng ta không sử dụng framework nào cả thì hoặc ko kể những chiếc trên thì bạn chọn Javascript.

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

lấy một ví dụ so với bản thân là Vue project thì bản thân đang làm gần như 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 dùng yarn hơn là npm :DImport Raven vào ứng dụng Vueimport Vue from "vue";import Raven from "raven-js";import RavenVue from "raven-js/plugins/vue";Raven .config("https:///id") // key cùng id vẫn trường đoản cú được điền ở trang chỉ dẫn, chúng ta chỉ vấn đề copy thôi. .addPlugin(RavenVue, Vue) .install();Okay, chỉ đơn giản dễ dàng nhỏng vầy thôi là chúng ta đã kết thúc phần cài đặt Sentry. Bây giờ mỗi lúc gồm exception thì nó sẽ tự động đượ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ừ gửi sự kiện theo ý muốnNgoài câu hỏi đông đảo error/exception được trường đoản cú gửi đi thì bạn có thể từ thiết kế để gửi sự kiện đi. Để làm việc đó thì bạn cũng có thể sử dụng Raven.captureMessage. Capture Message sẽ auto gửi gần như báo cáo hệt như khi tất cả exception xảy ra, kế bên một điều là nó vẫn không có staông xã trace.

Ngoài Việc sử dung Raven.captureMessage thì chúng ta có thể thực hiện Raven.setExtraContext để gửi thêm phần đông lên tiếng cần thiết mang lại câu hỏi debug

Raven.setExtraContext({response: reponseSent: "fromServer")Raven.captureMessage(`Failed sự kiện fired with status code: $statusCode`)Okay, vậy là chúng ta sẽ chấm dứt khối hệ thống error tracking & crash reporting đến trang web của bạn rồi đó

Bài viết liên quan

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *