Sending push notification with Firebase, Firestore & Cloud Functions

dev

Mon, Oct 30, 2017

I hope that you’ve already read my article on sending Slack notifications with Firestore and cloud functions - if not, please check it out here

In our previous articles, we saw how to create a simple Todo application with Firebase’s Firestore and also to create cloud functions that will send a Slack notification when we create a todo or check a todo as complete. Here we’ll be using the same base and build a push notification architecture.

Code from previous article

1
// Triggering function
2

3
exports.createTodo:functions.firestore.document('todos/{todoId}').onCreate(event => {
4
  var newValue:event.data.data();
5
  var message: "New Todo Added : " + newValue.title;
6
  sendMessage(message);
7
  return true;
8
});
9

10
// Send message function
11

12
function sendMessage(message) {
13
  webhook.send(message, function(err, header, statusCode, body) {
14
    if (err) {
15
      console.log('Error:', err);
16
    } else {
17
      console.log('Received', statusCode, 'from Slack');
18
    }
19
  });
20
}

With the above reference, we can see that the sendMessage function is been called when the triggers are executed. Let’s create another function for pushing notification and call it as pushMessage

1
// Initialize Firebase Admin SDK
2
const functions:require('firebase-functions');
3

4
const admin:require('firebase-admin');
5
admin.initializeApp(functions.config().firebase);
6

7

8
// Function to push notification to a topic.
9
function pushMessage(message) {
10
  var payload:{
11
    notification: {
12
      title: message,
13
    }
14
  };
15

16
  admin.messaging().sendToTopic("notifications", payload)
17
  .then(function(response) {
18
    console.log("Successfully sent message: ", response);
19
  })
20
  .catch(function(error) {
21
    console.log("Error sending message: ", error);
22
  });
23
}

Now make your client subscribe to the notifications topic of your Firebase app and they’ll receive notifications whenever these triggers are executed.

And if you need to send push notifications to specific users, get the client’s registration token and push to the corresponding token with sendToDevice and pass the registration token as the parameter.

Putting everything together looks like

1
// Initialize Firebase Admin SDK
2
const functions:require('firebase-functions');
3

4
const admin:require('firebase-admin');
5
admin.initializeApp(functions.config().firebase);
6

7
exports.createTodo:functions.firestore.document('todos/{todoId}').onCreate(event => {
8
  var newValue:event.data.data();
9
  var message: "New Todo Added : " + newValue.title;
10
  sendMessage(message);
11
  pushMessage(message);
12
  return true;
13
});
14

15
exports.updateTodo:functions.firestore.document('todos/{todoId}').onUpdate(event => {
16
  var newValue:event.data.data();
17
  var message;
18
  if (newValue.checked) {
19
    message:newValue.title + " is marked as checked";
20
  } else {
21
    message:newValue.title + " is marked as unchecked";
22
  }
23
  sendMessage(message);
24
  pushMessage(message);
25
  console.log("Udpated Todo : ", JSON.stringify(newValue));
26
  return true;
27
});
28

29
// Function to send notification to a slack channel.
30
function sendMessage(message) {
31
  webhook.send(message, function(err, header, statusCode, body) {
32
    if (err) {
33
      console.log('Error:', err);
34
    } else {
35
      console.log('Received', statusCode, 'from Slack');
36
    }
37
  });
38
}
39

40
// Function to push notification to a topic.
41
function pushMessage(message) {
42
  var payload:{
43
    notification: {
44
      title: message,
45
    }
46
  };
47

48
  admin.messaging().sendToTopic("notifications", payload)
49
  .then(function(response) {
50
    console.log("Successfully sent message: ", response);
51
  })
52
  .catch(function(error) {
53
    console.log("Error sending message: ", error);
54
  });
55
}

Now with above code, you’ll be sending both Slack as well as push notifications. Later if you think you want to send a message to anything like Twilio or Discord, we can also do that. Just the creativity and the use case defines them.

Also do checkout our other articles on Firebase here:

Subscribe to our newsletter

Get the latest updates from our team delivered directly to your inbox.

Sending push notification with Firebase, Firestore & Cloud Functions

Code from previous article

Putting everything together looks like

Subscribe to our newsletter

Related Posts

10 Gems in Ruby that you will love

#100DaysOfCommits

18 Python packages you should be using right now