Bài toán

Dạo vừa mới đây bản thân được giao task làm cho module điện thoại tư vấn Center tích thích hợp vào trong CRM của công ty. Nói nthêm gọn gàng thì các bước của mình là viết đồ họa mang lại API của mặt cung cấp dịch vụ Tổng Đài Hotline Điện trải qua giao thức SIP và tích đúng theo nó vào CRM.Quý Khách đã xem: Sentry là gì

Cthị xã đang chẳng bao gồm gì cho đến Lúc sếp mong muốn sau khoản thời gian điện thoại tư vấn điện phải trả về công dụng là số Smartphone đó: bao gồm trường tồn, quý khách hàng khước từ nghe, số Smartphone đang tắt vật dụng... Nghe thì có vẻ như dễ dàng nhỉ? API nó trả về vật gì thì tôi cũng chỉ Việc trả về chiếc kia thôi chđọng gì cơ mà đề xuất xoắn? Thế dẫu vậy lại khổ sống một chiếc là API nó không trả về rõ ràng như là ý sếp mong muốn tại vì call vào số Smartphone thiệt nó lại không giống cùng với SIPhường protocol. Mà mẫu mình nhận về được nó là SIPhường response code. Và tất cả hơn 50 mẫu reponse codes cho một cuộc gọi fail (Từ 4xx cho tới 6xx)


*

Thông tin gửi thêm này được Call là Additional Data. quý khách hàng rất có thể gửi một JSON object với Sentry sẽ auto làm format nhằm bạn cũng có thể dễ dàng theo dõi


*

điều đặc biệt một cái là Sentry sẽ tự động đoán coi cái như thế nào là thông tin nhạy bén cùng đậy lại. Những khu vực đó là hầu như chỗ mà lại Sentry đang tự bít lại.

Bạn đang xem: Sau try là gì

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

Đây là một trong những trong số những kỹ năng của Sentry nhưng mà mình đang có nhu cầu muốn duy nhất, nó được Call là Breadcrumbs. Breadcrumbs là đầy đủ event của vận dụng với trình chăm bẵm được giữ gìn. Theo nhỏng trên trang tư liệu của Sentry thì mang định Sentry sẽ tự động hóa tích lũy hầu hết ban bố sau:

XMLHttpRequestNhững thay đổi Lúc đưa trang (Chỉ vận dụng mang lại HTML pushState)UI cliông xã và ấn phímConsole logsNhững lỗi trước (Khi không chuyển trang)

Hình như bạn có thể tạo ra hầu như breadcrums mang đến riêng biệt bản thân. lấy ví dụ như như sự kiện khi người sử dụng thêm sản phẩm vào giỏ hàng. Chức năng này hết sức hữu ích, giúp cho bạn gọi được người tiêu dùng vẫn thực hiện phần lớn làm việc làm sao dẫn đến lỗi xảy ra


*

Chức năng User Feedbaông chồng nhằm thừa nhận phản hồi của người tiêu dùng mỗi lúc tất cả lỗi xảy ra

Chức năng này để giúp những developer tích lũy đọc tin thêm từ bỏ người dùng bằng cách hiện nay thịra một popup hỏi các thông tin: Tên, email người tiêu dùng, với diễn đạt cthị trấn gì vừa xảy ra mỗi lúc tất cả lỗi xẩy ra (Bạn hoàn toàn có thể trọn vẹn control được bao giờ thì rất cần được hiện feedbachồng popup)


*

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

quý khách hàng rất có thể chế tạo ra user context bằng phương pháp áp dụng email hoặc ID của người dùng. Sau lúc chế tạo ra context dứt thì các sự kiện vào Sentry rất có thể được thanh lọc theo người tiêu dùng đang đăng nhập lệ.

Xem thêm: Địa Chỉ Công Ty Truyền Tải Điện 3 0100100079, Công Ty Truyền Tải Điện 3

Liên kết với các hình thức dịch vụ issue tracker như: GitHub, Bitbucket, Trello... để sinh sản nkhô hanh task

Sentry cho phép bạn liên kết cùng với mọi ứng dụng nhỏng GitHub, Bitbucket, Trello cùng những ứng dụng khác nhằm chế tạo task nhanh khô Khi có lỗi xảy ra. Có mỗi một điều bản thân giận dữ sinh hoạt mẫu Sentry này là nó bắt người dùng từ bỏ tra cứu API key, token điền vào. Không yêu cầu nlỗi nhiều ứng dụng khác bao gồm một button, ấn cùng next next là xong


*

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

Và những tác dụng không giống nữaFilter bởi trình trông nom, IP., event, tags...Hỗ trợ source map trong Việc gửi lên tiếng stachồng trace của exception... còn những chiếc không giống nữa để các bạn đi khám phá

Cài đặt Sentry lên website

Okay, nói nãy giờ đồng hồ các rồi. Bây giờ đồng hồ ta bắt tay vào việc làm cầm cố làm sao nhằm cài đặt được Sentry lên website

Tạo thông tin tài khoản Sentry

Trước tiên thì bạn cần phải có một thông tin tài khoản Sentry. quý khách hàng có thể ĐK miễn giá thành ở chỗ này, bên trên cơ phiên bản thì tài khoản rất có thể ĐK miễn tổn phí. Thế nhưng lại chúng ta có thể xem thêm giá tại phía trên nếu như tất cả hứng thụ với những gói trả phí

Tạo một project mới

Sau Lúc chế tạo ra chấm dứt tài khoản Sentry và login vào bạn sẽ được hỏi với lựa chọn ngôn ngữ/framework hy vọng chế tác project. Trên màn hình hiển thị này các bạn ấn vào tab Frontend và chọn framework bạn muốn thực hiện. Sentry hỗ trợ tương đối nhiều framework: Vue.js, AngularJS, Angular 2+, React.js, Ember, Backbone. Nếu bạn không thực hiện framework làm sao cả thì hoặc ngoài những cái trên thì bạn chọn Javascript.

Xem thêm: Địa Chỉ Công Ty Cấp Nước Chợ Lớn (Hcm), Clw: Ctcp Cấp Nước Chợ Lớn

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

lấy ví dụ như so với mình là Vue project thì bản thân đã có tác dụng hầu hết bước sau

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

yarn add raven-js # Mình đam 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 cùng id đang từ bỏ được điền ở trang khuyên bảo, chúng ta chỉ bài toán copy thôi. .addPlugin(RavenVue, Vue) .install();Okay, chỉ dễ dàng và đơn giản nlỗi vọc thôi là bạn đã xong xuôi phần thiết đặt Sentry. Bây giờ đồng hồ mỗi khi tất cả exception thì nó đang tự động hóa được gửi vào thông tin tài khoản Sentry của chúng ta.Lập trình nhằm tự gửi event theo ý muốnNgoài Việc hầu như error/exception được từ gửi đi thì chúng ta có thể tự xây dựng nhằm gửi event đi. Để thao tác làm việc kia thì chúng ta cũng có thể sử dụng Raven.captureMessage. Capture Message sẽ auto gửi rất nhiều biết tin hệt như lúc tất cả exception xảy ra, bên cạnh một điều là nó đang không tồn tại staông xã trace.

Ngoài câu hỏi sử dung Raven.captureMessage thì chúng ta cũng có thể áp dụng Raven.setExtraContext nhằm gửi thêm đều công bố quan trọng cho câu hỏi debug

Raven.setExtraContext({response: reponseSent: "fromServer")Raven.captureMessage(`Failed event fired with status code: $statusCode`)Okay, vậy là các bạn vẫn ngừng khối hệ thống error tracking và crash reporting cho trang web của công ty rồi đó


Chuyên mục: GIÁO DỤC
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 *