Đặt vấn đề

Trong quá trình phát triển web, không tránh khỏi việc ứng dụng của chúng ta xảy lỗi hệ thống.Mỗi lỗi hệ thống, crash, hoặc sự cố có thể gây ra tác động nghiêm trọng đến trải nghiệm người dùng và ảnh hưởng đến hiệu suất của ứng dụng. Sentry là một lựa chọn có thể giúp chúng ta kiểm soát tình hình và quản lý các lỗi hệ thống này một cách hiệu quả.

Giới thiệu Sentry

Sentry là một dịch vụ giám sát lỗi và hiểu lỗi phát triển dành cho các ứng dụng web và di động. Sentry giúp các nhà phát triển theo dõi và kiểm soát lỗi trong ứng dụng của họ để cải thiện chất lượng và hiệu suất của ứng dụng. Dưới đây là một số điểm quan trọng về Sentry:

1. Giám sát Lỗi (Error Monitoring): Sentry thu thập thông tin về lỗi và sự cố trong ứng dụng và hiển thị chúng trong một giao diện quản trị để giúp bạn dễ dàng theo dõi và quản lý lỗi.
2. Ghi Log (Logging): Ngoài việc giám sát lỗi, Sentry cũng hỗ trợ ghi log để giúp bạn theo dõi và hiểu hơn về hoạt động của ứng dụng.
3. Integrations: Sentry có khả năng tích hợp với nhiều ngôn ngữ lập trình và framework phổ biến như JavaScript, Python, Ruby, PHP, Java, và nhiều ứng dụng web framework khác.
4. Tích hợp CICD: Sentry có thể tích hợp vào quy trình Continuous Integration và Continuous Deployment (CI/CD) để đảm bảo rằng lỗi không xuất hiện trong các phiên bản mới của ứng dụng.
5. Thời gian thực (Real-Time): Sentry cung cấp thông tin về lỗi và sự cố trong thời gian thực, giúp bạn nhanh chóng phát hiện và giải quyết các vấn đề liên quan đến hiệu suất của ứng dụng.
6. Cấu hình tùy chỉnh (Customization): Bạn có thể tùy chỉnh Sentry để phản ánh cơ cấu tổ chức và yêu cầu riêng của ứng dụng của bạn.

Sentry là một công cụ quan trọng trong việc quản lý và cải thiện chất lượng của ứng dụng, giúp đảm bảo rằng lỗi được xử lý một cách hiệu quả và không ảnh hưởng đến trải nghiệm người dùng.

Config Sentry cho Rails app

Đăng ký / Đăng nhập tại đây

Sau khi đăng nhập hãy tạo 1 project

Có thể thấy Sentry hỗ trợ rất nhiều ngôn ngữ và framework. Có một option Ruby nhưng option Rails sẽ hỗ trợ nhiều hơn và dễ sử dụng.

Sau khi tạo 1 sự án, Sentry sẽ cho chúng ta 1 hướng dẫn tích hợp Sentry vào Rails app như trên

Tiếp theo, setup cho source rails:

Add gem sentry-ruby và sentry-rails

Đừng quên chạy bundle install nhé 🤣🤣

#Gemfile
gem "sentry-ruby"
gem "sentry-rails"

Khởi tạo SDK với một số cấu hình cơ bản phục vụ cho việc tracking lỗi:

#config/initializers/sentry.rb
Sentry.init do |config|
  config.dsn = 'https://4506035982696448.ingest.sentry.io/....'
  config.send_default_pii = true
  config.include_local_variables = true
  config.breadcrumbs_logger = [:sentry_logger, :active_support_logger, :http_logger]

  filter = ActiveSupport::ParameterFilter.new(Rails.application.config.filter_parameters)
  config.before_send = lambda do |event, hint|
    filter.filter(event.to_hash)
  end

  config.traces_sample_rate = 0.1
end

Ở trong phần configure này, các cấu hình có ý nghĩa sau:

Sau khi configure, hãy kiểm tra xem Sentry đã được tính hợp đúng trong ứng dụng của chúng ta chưa nhé!

Có thể tạo 1 Exception hoặc sử dụng rails console và chạy lệnh sau:

Sentry.capture_message("test message")

Kết quả Sentry trả về cho chúng ta một event tracking lỗi chứa một số thông tin như: thời gian, tên OS, môi trường, server name, message, vv…
như vậy có nghĩa là chúng ta đã tích hợp thành công Sentry vào Rails app

Các thông tin này sẽ được gửi lên server của Sentry và chúng ta có thể xem nó trên giao diện dasborad

Summary

Tóm tắt lại, trong bài viết này, chúng ta đã tìm hiểu về Sentry, một công cụ quan trọng trong quá trình phát triển ứng dụng Rails. Sentry không chỉ giúp theo dõi và ghi lại lỗi, mà còn cung cấp nhiều tính năng hữu ích khác để cải thiện chất lượng phần mềm.

Chúng ta đã xem xét cách tích hợp Sentry vào ứng dụng Rails, cấu hình gem, tùy chỉnh các cài đặt như gửi thông tin cá nhân, breadcrumbs, và lọc thông tin trước khi gửi đến Sentry.

Không chỉ với Ruby hay Rails, Sentry còn hỗ trợ hơn 85 Platforms khác nhau.
Tôi nghĩ trong vòng đời ứng dụng, việc tích hợp Sentry là càng sớm càng tốt

Tài liệu
https://docs.sentry.io/platforms/ruby/guides/rails/

The post Sentry for Rails appeared first on Tomoshare.

Tình huống

Bạn đang phát triển một ứng dụng web Vue.js lớn với khách hàng cũng lớn không kém. Một ngày đẹp trời nào đó, khách hàng gửi cho bạn 1 bug mà thoạt nhìn có vẻ đơn giản, tuy nhiên, bạn không thể tái hiện lỗi này trong môi trường phát triển của mình, và bạn không có thông tin rõ ràng về tình trạng lỗi. Trong tình huống này, bạn có thể sử dụng Sentry để giúp xác định và giải quyết lỗi một cách hiệu quả. Vậy cùng mình đi tìm hiểu xem Sentry là gì mà lại lợi hại như vậy.

Sentry là gì

Sentry là một dịch vụ quản lý lỗi (error tracking) và giám sát (monitoring) phần mềm được sử dụng để theo dõi và ghi lại các lỗi và sự cố trong ứng dụng phần mềm. Sentry giúp các nhà phát triển và nhóm phát triển phát hiện, theo dõi, và khắc phục lỗi một cách hiệu quả. Dịch vụ này có thể được tích hợp vào các ứng dụng web và ứng dụng di động để ghi lại thông tin về lỗi, crash, và sự cố xảy ra trong quá trình chạy ứng dụng

Lợi ích của Sentry

• Ghi lại lỗi tự động: Sentry có thể được tích hợp vào mã của bạn để tự động ghi lại thông tin về lỗi mỗi khi nó xảy ra trong môi trường sản xuất. Điều này cho phép bạn nhận được thông báo ngay khi có sự cố xảy ra.
• Thông tin về lỗi chi tiết: Sentry không chỉ ghi lại lỗi mà còn cung cấp thông tin chi tiết về nguồn gốc của lỗi, ngăn chặn lỗi, và cách lỗi xảy ra. Điều này giúp bạn dễ dàng xác định vị trí và nguyên nhân gây ra lỗi.
• Theo dõi thời gian thực: Sentry cung cấp một giao diện quản lý web cho phép bạn theo dõi lỗi trong thời gian thực và tìm hiểu về tần suất và ngữ cảnh xảy ra lỗi.
• Cung cấp stack trace: Sentry có khả năng tạo ra stack trace, cho phép bạn xem các hàm và dòng mã cụ thể liên quan đến lỗi. Điều này giúp bạn tìm ra lỗi trong mã của bạn.
• Thông báo ngay lập tức: Sentry có thể bắn thông báo qua mail, SMS, …

Setup Sentry cho Vue2

Muốn sử dụng Sentry trước tiên bạn cần có tài khoản, vào https://sentry.io/signup/ để đăng ký tài khoản.

Sau khi đăng ký xong và đăng nhập thành công giao diện sẽ hiển thị như sau:

Okay, tiếp theo thì ấn vào nút Create project, trong phần tạo đấy, vì mình đang hướng dẫn cho vue nên hãy chọn vuejs, nhập tên project và nhấn nút Create Project:

Vậy là chúng ta đã tạo xong Project trên Sentry, bước tiếp theo là lấy Client Keys (DSN) để có thể tích hợp vào dự án vuejs, từ Menu -> Projects -> Chọn Project bạn vừa tạo -> Chọn cài đặt bên góc trên bên phải -> Client Keys (DSN)

Cài đặt Sentry cho vue: npm install @sentry/cli

Trong main.js, khởi tạo Sentry.init với dsn chính là Client Keys (DSN) bạn lấy ở bên trên:

import Vue from 'vue'
import App from './App.vue'
import * as Sentry from "@sentry/vue"

Vue.config.productionTip = false

Sentry.init({
  Vue,
  dsn: "https://51b9f7xxxxxxxx.ingest.sentry.io/45059xxxxxxxxx"
});

new Vue({
  render: h => h(App),
}).$mount('#app')

Các bước đã xong, giờ bạn đã có thể test Sentry bằng cách tạo thử 1 Exception.

Khi 1 Exception được thực thi, Sentry sẽ bắt và trả về cho bạn thông tin xoay quanh Exception đó:

Tổng kết

Trên đây là thông tin cũng như hướng dẫn cơ bản để có thể tích hợp Sentry vào dự án vuejs, còn rất nhiều tính năng hay ho nữa như filter bằng trình duyệt, hỗ trợ source map trong việc gửi thông tin stack trace của exception, …. bạn hãy tự mình khám phá thêm nhé, mình đã làm được và mình tin bạn cũng sẽ làm được. Hẹn gặp lại ở bài tiếp theo

The post Sentry.io cho người mới bắt đầu (Vuejs) appeared first on Tomoshare.