Monitor suspicious activity in your JavaScript application

LogSnag makes it easy to monitor your JavaScript service and track when suspicious activity is occurring.

When building a JavaScript application that you plan to release to the public, or even if you're building a private application, as developers, we are always looking for ways to make sure that our application is secure and that it's not being misused.

The misuse of our application can be in the form of a user trying to access data they shouldn't have access to or a user trying to perform an action they shouldn't be able to achieve. This can be a severe problem and can lead to many issues such as data loss, data corruption, or even data theft.

Thus, it's essential to set up a system to monitor suspicious activity in your JavaScript application properly and let you and your team know when something is wrong.

For example, let's say you're building a JavaScript application that allows users to upload files. One of the common concerns with this type of application is that users may try to take advantage of your service and upload files that they shouldn't be able to upload, such as illegal content, huge files, or even malware.

LogSnag is an excellent tool for this problem as it trivializes tracking events in your JavaScript application and suspicious monitoring activity. For example, you can use LogSnag to track an event when a user uploads a file. You can then set up a rule to notify you when a user uploads a file that is larger than 100MB. This way, you will know when a user is trying to upload a too large file, and you can take further action if needed.


Setting up LogSnag

  1. Sign up for a free LogSnag account.
  2. Create your first project from the dashboard.
  3. Head to settings and copy your API token.

JavaScript code snippets

Use the following code snippet to connect LogSnag to your JavaScript application. Make sure to replace the YOUR_API_TOKEN with your API token and update the project and channel names.

Using JavaScript with Fetch
var myHeaders = new Headers();
myHeaders.append("Content-Type", "application/json");
myHeaders.append("Authorization", "Bearer YOUR_API_TOKEN");

var raw = JSON.stringify({
  "project": "my-saas",
  "channel": "monitoring",
  "event": "Suspicious File Detected",
  "description": "User uploaded a suspicious file",
  "icon": "🛸",
  "notify": true
});

var requestOptions = {
  method: 'POST',
  headers: myHeaders,
  body: raw,
  redirect: 'follow'
};

fetch("https://api.logsnag.com/v1/log", requestOptions)
  .then(response => response.text())
  .then(result => console.log(result))
  .catch(error => console.log('error', error));
Using JavaScript with jQuery
var settings = {
  "url": "https://api.logsnag.com/v1/log",
  "method": "POST",
  "timeout": 0,
  "headers": {
    "Content-Type": "application/json",
    "Authorization": "Bearer YOUR_API_TOKEN"
  },
  "data": JSON.stringify({
    "project": "my-saas",
    "channel": "monitoring",
    "event": "Suspicious File Detected",
    "description": "User uploaded a suspicious file",
    "icon": "🛸",
    "notify": true
  }),
};

$.ajax(settings).done(function (response) {
  console.log(response);
});
Using JavaScript with XHR
// WARNING: For POST requests, body is set to null by browsers.
var data = JSON.stringify({
  "project": "my-saas",
  "channel": "monitoring",
  "event": "Suspicious File Detected",
  "description": "User uploaded a suspicious file",
  "icon": "🛸",
  "notify": true
});

var xhr = new XMLHttpRequest();
xhr.withCredentials = true;

xhr.addEventListener("readystatechange", function() {
  if(this.readyState === 4) {
    console.log(this.responseText);
  }
});

xhr.open("POST", "https://api.logsnag.com/v1/log");
xhr.setRequestHeader("Content-Type", "application/json");
xhr.setRequestHeader("Authorization", "Bearer YOUR_API_TOKEN");

xhr.send(data);

JavaScript integration details

LogSnag is a flexible and easy-to-use event tracking service that can monitor suspicious activity in your JavaScript application. It works excellent with JavaScript and provides powerful features such as real-time event tracking, cross-platform push notifications, event filtering, user and product journeys, charts and analytics, and much more.

For example, LogSnag automatically generates user journeys for your product, and you can use this to see how your users use your application. In addition, in the case of suspicious activity, you can view the user's journey to see if they have performed any other questionable actions that they shouldn't have performed.

Here at LogSnag, we believe event tracking should be simple and accessible to every developer and team. Therefore, we have worked hard to create the next generation of event tracking tools.

LogSnag provides a generous free plan to get you started with event tracking. You can also check out our pricing page to see our paid plans. So please give us a try and let us know what you think!

Other use-cases for LogSnag

  1. Track payment events via JavaScript

  2. Track user signup events via JavaScript

  3. Track your JavaScript cron jobs

  4. Track waitlist signup events via JavaScript

  5. Track user sign in events in JavaScript

  6. Get a notification when your JavaScript code is done executing

  7. Monitor when a user exceeds the usage limit for your JavaScript service

  8. Monitor when a new feature is used in your JavaScript application

  9. Monitor when a user is being rate limited in your JavaScript application

  10. Monitor when database goes down in your JavaScript application

  11. Monitor your CPU usage in your JavaScript application

  12. Monitor memory usage in your JavaScript application

  13. Monitor high disk usage in your JavaScript application

  14. Track when a file is uploaded to your JavaScript application

  15. Track when a form is submitted to your JavaScript application

  16. Track canceled subscriptions in your JavaScript application

  17. Monitor failed payments for your JavaScript application

  18. Monitor your CI/CD build status for your JavaScript application

  19. Monitor when a user changes their email address in your JavaScript application

    View all common use-cases with JavaScript