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

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

Log your events via JavaScript

Copy one of the following code snippets into your text editor
Replace your API token, project name, and channel name.
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

View all common use-cases with JavaScript

Set up your LogSnag account

Log your events via JavaScript

JavaScript snippets for LogSnag

Conclusion

Other use-cases for LogSnag

Posted by

Content