Monitor high disk usage in your JavaScript application

When building JavaScript applications, we often end up dealing with persistent data in one way or another. This can be a simple JSON, CSV, or text file on disk, uploading files to cloud storage such as S3 or Google Cloud Storage, or even storing data in a database such as MongoDB or MySQL. In all of these cases, disk usage is a critical aspect of our JavaScript application and can significantly affect the user experience.

Therefore, monitoring our JavaScript application's disk usage is essential, whether in the local environment or somewhere in the cloud. This is critical as going over a certain threshold can cause our application to crash or become unavailable, resulting in a significant loss of revenue and user experience.

LogSnag is a powerful event tracking tool that works seamlessly with JavaScript and makes it trivial to track any important event in our JavaScript application in real time. For example, one common use case for LogSnag is tracking disk usage in real-time and setting up rules to notify our team and us when our disk usage has exceeded a certain threshold. This way, we can always be aware of the performance of our application and take immediate 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 to connect LogSnag to your JavaScript application and track disk usage: Please replace the YOUR_API_TOKEN with your API token and update the project and channel names.

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": "status",
  "event": "High Disk Usage",
  "description": "The disk usage is high.",
  "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));

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": "status",
    "event": "High Disk Usage",
    "description": "The disk usage is high.",
    "icon": "💾",
    "notify": true
  }),
};

$.ajax(settings).done(function (response) {
  console.log(response);
});

// WARNING: For POST requests, body is set to null by browsers.
var data = JSON.stringify({
  "project": "my-saas",
  "channel": "status",
  "event": "High Disk Usage",
  "description": "The disk usage is high.",
  "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

In addition to real-time event tracking, LogSnag provides powerful features such as cross-platform push notifications, event filtering, user and product journeys, charts, insights, and more. Via LogSnag, you can get better insight into your JavaScript application and track anything important all in one place and in real time.

We strive to make event tracking simple and accessible to every developer and team. Therefore, we have worked hard to create the next generation of event tracking tools. As a result, LogSnag is flexible and easy to use, making it a great companion for your JavaScript applications.

Other use-cases for LogSnag

1. Monitor your CI/CD build status for your JavaScript application
2. Monitor your CPU usage in your JavaScript application
3. Monitor when database goes down in your JavaScript application
4. Monitor when a user changes their email address in your JavaScript application
5. Monitor failed logins in your JavaScript application
6. Monitor failed payments for your JavaScript application
7. Monitor memory usage in your JavaScript application
8. Monitor MySQL downtime in your JavaScript application
9. Monitor when a new feature is used in your JavaScript application
10. Monitor your Postgres downtime in your JavaScript application
11. Monitor Redis downtime in your JavaScript application
12. Monitor suspicious activity in your JavaScript application
13. Monitor when a user exceeds the usage limit for your JavaScript service
14. Monitor when a user is being rate limited in your JavaScript application
15. Get a notification when your JavaScript code is done executing
16. Send push notifications to your phone or desktop using JavaScript
17. Track canceled subscriptions in your JavaScript application
18. Track your JavaScript cron jobs
19. Track when a file is uploaded to your JavaScript application
20. Track when a form is submitted to your JavaScript application
21. Track payment events via JavaScript
22. Track user sign in events in JavaScript
23. Track user signup events via JavaScript
24. Track waitlist signup events via JavaScript