Published on April 23, 2022

Send push notifications to your phone or desktop using JavaScript

Send push notifications to your phone or desktop using JavaScript

When developing software, there is a need for a way to track important events and be notified when something happens. LogSnag provides an easy way to track important events and be notified in real-time on your Desktop, Phone, and SmartWatch.

Our API makes it very easy for anyone to integrate LogSnag into their JavaScript code. You can simply send an HTTP request to our API with any additional information you like, and we will take care of the rest.

Setting up LogSnag with JavaScript is as easy as using our code snippets with no custom modules required.

Set up your LogSnag account

  1. Head to LogSnag.com and create your free account.
  2. Create a new project from your dashboard.
  3. Copy your API token from the API settings.

Log your events via JavaScript

  1. Copy one of the following code snippets into your text editor
  2. Replace your API token, project name, and channel name.
  3. Run your JavaScript code!

JavaScript snippets for LogSnag

Send notifications using JavaScript and 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": "waitlist",
"event": "Waitlist Member",
"description": "email: john@example.com",
"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));
Send notifications using JavaScript and 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": "waitlist",
"event": "Waitlist Member",
"description": "email: john@example.com",
"icon": "🔥",
"notify": true
}),
};

$.ajax(settings).done(function (response) {
console.log(response);
});
Send notifications using JavaScript and XHR
// WARNING: For POST requests, body is set to null by browsers.
var data = JSON.stringify({
"project": "my-saas",
"channel": "waitlist",
"event": "Waitlist Member",
"description": "email: john@example.com",
"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);

Conclusion

Once an event is published, you get instant updates in real-time, and you could optionally turn on or off push notifications depending on the priority of your event.

Also, LogSnag makes it very easy to organize your events into different projects and channels depending on their topic and provides you with a global and project-wide feed so you can scroll through your events.

In addition, with our collaborative features, you can add team members to a project so that everyone can receive push notifications and updates, regardless of the desktop or mobile platform they are using.

You can learn more about our API by heading to docs.logsnag.com

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 high disk usage in your JavaScript application
  5. Monitor when a user changes their email address in your JavaScript application
  6. Monitor failed logins in your JavaScript application
  7. Monitor failed payments for your JavaScript application
  8. Monitor memory usage in your JavaScript application
  9. Monitor MySQL downtime in your JavaScript application
  10. Monitor when a new feature is used in your JavaScript application
  11. Monitor your Postgres downtime in your JavaScript application
  12. Monitor Redis downtime in your JavaScript application
  13. Monitor suspicious activity in your JavaScript application
  14. Monitor when a user exceeds the usage limit for your JavaScript service
  15. Monitor when a user is being rate limited in your JavaScript application
  16. Get a notification when your JavaScript code is done executing
  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
View all common use-cases with JavaScript