Get a notification when your JavaScript code is done executing

LogSnag makes it easy to trigger push notifications when your JavaScript job or process finishes running.

These days we can use JavaScript for almost anything, be it a simple function, a complex algorithm, or anything that comes to mind. Usually, what we want JavaScript to do happens very quickly, and we don't even have to wait for it to finish.

Long-running JavaScript tasks are a problem

However, sometimes you are writing a JavaScript code, process, or job that may take a long time to run. For example, you may decide to crawl a website or run a long-running parsing algorithm.

I'm sure almost every developer has, at some point, written a JavaScript code that takes a long time to run. They then had to continuously check the task, wait for it to finish running, and ensure the JavaScript code was working as expected. As you can see, this gets tedious very quickly and wastes time and effort.

Push notifications fix this problem

One common way to solve this is to track the status of our JavaScript code and send a push notification when the code is done running or when it fails. By doing so, we can leave and forget about the long-running JavaScript code and focus on the important things we need to do, and by the time something happens, we will instantly get a push notification to let us know.

To do so, we can use LogSnag to track the status of our JavaScript code. LogSnag is a simple, easy-to-use, robust event tracking and notification system that lets you track your JavaScript code and send push notifications when something happens.

Let's walk you through setting up and using LogSnag to track the status of our JavaScript code.


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

Now that we have our account and project setup, we can copy the following code snippet, update the values with your information, and paste it into your code.

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-project",
  "channel": "crawler",
  "event": "Crawling is complete",
  "description": "Successfully crawled 1,230 pages.",
  "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-project",
    "channel": "crawler",
    "event": "Crawling is complete",
    "description": "Successfully crawled 1,230 pages.",
    "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-project",
  "channel": "crawler",
  "event": "Crawling is complete",
  "description": "Successfully crawled 1,230 pages.",
  "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 provides several other features that can be used to simplify your job as a developer. For example, suppose you're working with a team. In that case, you can also add the rest of your team to your LogSnag project and allow them to see the status of your JavaScript code and receive push notifications when something important happens.

LogSang also keeps track of your previous events, so you can see what has happened in the past and search through previous events. We found this to be very powerful when we are working on larger projects and need to see what has happened in the past.

In addition, LogSnag allows you to create simple dashboards, charts, and graphs that give you more insight into your code and the events you track.

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. Monitor when a user exceeds the usage limit for your JavaScript service

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

  8. Monitor suspicious activity 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