Monitor suspicious activity in your JavaScript application

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.

Connect LogSnag to JavaScript

Setting up LogSnag

Sign up for a free LogSnag account.
Create your first project from the dashboard.
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

View all common use-cases with JavaScript

Setting up LogSnag

JavaScript code snippets

JavaScript integration details

Other use-cases for LogSnag

Posted by

Content