Sentry is an open source solution that serves as a real-time summary and registration platform for events. It monitors errors and indicates when, where and to whom they occur, without relying solely on user feedback. Supported languages and frameworks include JavaScript, Ruby, Python, Java, and more.

  • Pros:
    • See the impact of new implementations in real time.
    • Provide support to specific users interrupted by an error.
    • External Integrations – GitHub, HipChat, Heroku and many more.
  • Cons:
    • The documentation is quite limited.
    • If you don’t use one of the compatible frameworks, the alternative is a manual configuration.
  • If something goes wrong in frontend to determine the error, the code should be passed manually. Now, this is overcome by using sentry.
  • People are finding it useful for both frontend and backend to track the errors in client side.
  • With sentry, we easily understand the errors because it indicates when, where, to whom they occur and the type of error as well.
  • Sentry helps you answer these questions as it integrates with your existing workflow.
  • If there is an error, Sentry detects it immediately and alerts you via email, Slack, PagerDuty or one of the many other additions based on your notification rules.
  • Simpler products like Sentry:
    • Honeybadger
    • TrackJS JavaScript Error Logging
    • Raygun
    • Rollbar
    • LogRocket etc.,

Integrating with WaveMaker:

  • Go to Sentry
  • Sign up for an account.
  • Create a new project by selecting one of the technology.
  • Install your Software development kit (SDK).
  • For installing add below line in File Path: Project: Project Name > src/main/webapp/index.html
    • <script src=”https://browser.sentry-cdn.com/5.3.0/bundle.min.js” crossorigin=”anonymous”></script>
  • Configure the Software development kit (SDK).
  • For configure add below line in File Path: Project: Project Name > src/main/webapp/app.js
    • Sentry.init({ dsn: ‘https://<key>@sentry.io/<project>’ });
    • You should init the Sentry Browser SDK as soon as possible during your page load.
    • Example: Sentry.init({dsn: ‘https://xxxxxxxxxxxxxxxxxxxxx@sentry.io/xxxxxx’});
    • In wavemaker, included the above line in onAppVariablesReady function and onPageReady function.

    • In the JavaScript file, we need to add the below line in catch block explicitly:
    • Sentry.captureException(err);

  • Once the project is executed, if something goes wrong, the error log will appear in the sentry dashboard.

  • When you click on the issue, detailed information is displayed.