Going From Single-Channel to Multi-Channel Notifications
Tags: webdev, tooling
Published: 2023-10-02 20:39:51

When you first start building an application, email is a great way to notify users about a new message or task. It’s universal and it’s easy to implement. Email makes sense when you only need one notification channel. But that doesn’t last for long.

A user asks “Hey, do you have a Slack bot? I’d love to get updates on there.” Or a PM wants to add a nice bell icon in the top-right to increase engagement. Or you build a mobile app and want to add push notifications.

What started as a simple single-channel integration turns into a complicated, multi-channel notification system.

## The slippery slope of multi-channel notifications

Here’s how you might set up a single-channel email notification for a new app:

```jsx
const sgMail = require('@sendgrid/mail');

const sendEmailNotification = async (taskName) => {
    const msg = {
        to: 'recipient@example.com', 
        from: 'sender@example.com', 
        subject: 'New Task Added',
        text: `A new task "${taskName}" has been added to your task list.`,
        html: `<strong>A new task "${taskName}" has been added to your task list.</strong>`,
    };

    try {
        await sgMail.send(msg);
        console.log('Email notification sent successfully!');
    } catch (error) {
        console.error(`Error sending email: ${error}`);
    }
}

const addTask = async (taskName) => {
    // Logic to add task
    const taskAddedSuccessfully = true;

    if (taskAddedSuccessfully) {
        console.log(`Task "${taskName}" added successfully!`);
        await sendEmailNotification(taskName);
    } else {
        console.error("Error adding task.");
    }
}

// Add a task
addTask("Finish email integration");
```

This is a common inline approach, especially for a new app. You are concentrating on the logic of the app—the email notification is an afterthought. All you do is just add a new function in your code to handle it.

This will work *while* you’ve only got email notifications. But that isn’t going to happen.

Let’s say you want to add SMS. What are you going to do? Well, you can add a `sendSMSNotification` function like your email one:

```jsx
const twilio = require('twilio');
const sgMail = require('@sendgrid/mail');

const accountSid = process.env.TWILIO_ACCOUNT_SID;
const authToken = process.env.TWILIO_AUTH_TOKEN;

const client = new twilio(accountSid, authToken);

const sendEmailNotification = async (taskName) => {...}

const sendSMSNotification = async (taskName) => {
    try {
        const message = await client.messages.create({
            body: `A new task "${taskName}" has been added to your task list.`,
            to: '+1234567890',
            from: '+0987654321'
        });

        console.log(`SMS sent with ID: ${message.sid}`);
    } catch (error) {
        console.error(`Error sending SMS: ${error}`);
    }
}

const addTask = async (taskName) => {
    // Logic to add task
    const taskAddedSuccessfully = true;

    if (taskAddedSuccessfully) {
        console.log(`Task "${taskName}" added successfully!`);
        await sendEmailNotification(taskName);
	      await sendSMSNotification(taskName);
    } else {
        console.error("Error adding task.");
    }
}

// Add a task
addTask("Finish both notification integrations");
```

That’s not great. We can already start to see some problems creeping in. Let’s start with the basic code issues:

1. **Tight Coupling**: The code tightly couples the task addition logic with the email and SMS notification logic. This can make it difficult to add other types of notifications without significant modifications to the existing functions.
2. **Single Responsibility Principle Violation**: The `addTask` function has multiple responsibilities: adding a task, sending an email and sending an SMS. As you add more notification types, this function will become bloated and violate the Single Responsibility Principle (SRP) of software design.
3. **Error Propagation**: If sending a notification fails (e.g., an issue with the SendGrid service), it might affect the primary task of adding the task itself or the SMS sending, leading to intertwined error handling challenges.
4. **Scalability**: Adding more notification types would mean adding more and more code to the `addTask` function, making it harder to maintain over time.

Let’s just think about the coupling. This will work for whenever someone adds a task. But what if someone updates a task? Or completes a task? Or leaves a comment? Or any of the other thousand things task management apps do?

We need to decouple this code.  The best option is moving to an event-based paradigm. This involves emitting events when actions like adding a task take place and having listeners respond to these events. 

Here we’ll use Node.js's built-in `events` module and refactor our above code:

```jsx
const twilio = require('twilio');
const EventEmitter = require('events');

// Twilio Setup
const accountSid = process.env.TWILIO_ACCOUNT_SID;
const authToken = process.env.TWILIO_AUTH_TOKEN;
const client = new twilio(accountSid, authToken);

// Event Setup
class TaskEventEmitter extends EventEmitter {}
const taskEmitter = new TaskEventEmitter();

// Notification Service
const notificationService = {
    sendSMSNotification: async (taskName) => {
        try {
            const message = await client.messages.create({
                body: `A new task "${taskName}" has been added to your task list.`,
                to: '+1234567890',    // Replace with recipient's phone number
                from: '+0987654321'   // Replace with your Twilio number
            });

            console.log(`SMS sent with ID: ${message.sid}`);
        } catch (error) {
            console.error(`Error sending SMS: ${error}`);
        }
    },
	  sendEmailNotification = async (taskName) => {
	    const msg = {
        to: 'recipient@example.com', 
        from: 'sender@example.com', 
        subject: 'New Task Added',
        text: `A new task "${taskName}" has been added to your task list.`,
        html: `<strong>A new task "${taskName}" has been added to your task list.</strong>`,
    };

    try {
        await sgMail.send(msg);
        console.log('Email notification sent successfully!');
    } catch (error) {
        console.error(`Error sending email: ${error}`);
    }
	}
}

// Event Listeners
taskEmitter.on('taskAdded', async (taskName) => {
    console.log(`Task "${taskName}" added successfully!`);
		await notificationService.sendEmailNotification(taskName);
    await notificationService.sendSMSNotification(taskName);
});

// Add a Task Function
const addTask = (taskName) => {
    // Here, logic to add the task to a database or system would be placed.
    // We'll assume it always succeeds for simplicity.
    taskEmitter.emit('taskAdded', taskName);
}

// Example usage
addTask("Finish event-based integration");
```

Here's a breakdown of what's changed:

The built-in `EventEmitter` allows us to emit and listen to custom events in our application. We've then grouped the `sendSMSNotification` and `sendEMailNotification` functions under a `notificationService` object. This provides better organization and can more easily be expanded with other notification methods in the future.

The main task-adding function now simply emits a 'taskAdded' event after adding a task. When the 'taskAdded' event is emitted, our listener responds by logging the addition of the task and sending email and SMS notifications.

This setup allows for a clearer separation of concerns and makes it easier to add other types of notifications or additional actions in response to task-related events. For instance, you could easily add another listener for 'taskAdded' that sends a Slack message or logs the event to an analytics platform.

## Unraveling multi-channel complexity

But, we still have problems. Two are pretty obvious.

Firstly, we have content repetition across the notifications. The structure and content of each notification (e.g., subject, message body) are hardcoded for emails and for SMS. For each new type of notification we’ll have to hardcode these in as well. This can be an easy fix. For instance, for SMS and Push this might just be a string with interpolation. But it sure would be swell if we could pull in consistent content, messaging, and design across all channels, maybe via some kind of [templating](https://docs.knock.app/designing-workflows/template-editor/overview).

Secondly, we’re still stuck with our erroring out problems. If the email sending fails, so does the SMS sending. More channels mean more points of failure. You have to write a ton of logic to catch all the sad paths, and make sure that not only do you handle errors gracefully, but that errors in a channel don’t lead to misinformation or confusion.

But even as we are sorting out the logic of this code, we’ll start to uncover all the other problems with going from single-channel to multi-channel notifications.

### Notification complexity

The above email + SMS notification event duplex starts to solve notification complexity for you. But it doesn’t stop there.

In the code above, the user will get an email and an SMS, basically immediately. Add Slack. Add push. You’re now bombarding your users with notifications in every messaging app on every device. This is a surefire way to make sure they disable notifications.

So you need the logic to handle sending to the right channel at the right time. This has to take into account three factors:

- What are the user’s preferences for channel notifications? Do they want email *and* SMS *and* push?
- Do you have the required data to send to this channel? Has the user added their phone number so you can send an SMS? Have they enabled push notifications and do you have the registered tokens?
- What device is the user currently logged into? If they are in the app, can you send that notification first? Then fallback to push or email?

Within all that, you need to consider timing. You don’t want every notification to send simultaneously, so you need to decide what goes first, in which order, and when. So you might send a push notification first, then if it isn’t  seen within 10 minutes send an email as a fallback.

Now you have to keep track of notification open state and then run a scheduled task via a cron job to send the email notification. So now you also have a cron service you need to set up and run *only* for your notifications.

### Service complexity

There’s a great video of an [early Twilio demo](https://www.youtube.com/watch?v=-VuXIgp9S7o&ab_channel=JohnBritton) from about ten years ago where, in a few lines of code, the presenter gets a new phone number and sends out a notification to everyone in the conference audience.

Yeah, it doesn’t work like that anymore. If you want a number to send SMS notifications there are a number of hoops to jump through to show you aren’t about to spam the world about your pump-and-dump cryptocurrency.

Each of these services has nuances that you’ll only discover once you need to implement them:

- SMS—you have to buy a number, create a campaign, and state your purpose for using the number as part of the [A2P 10DLC system](https://support.twilio.com/hc/en-us/articles/1260800720410-What-is-A2P-10DLC-#h_01EX7FTY86BBGGQENQGC7K0MGE). You’ll get a response in a few days about whether you are allowed to send SMS messaging.
- Email—easier than SMS, but you still have to consider your reputation score and can get banned if the email provider considers that you are sending too many emails or they are getting marked as spam.
- Slack—you have to set up and manage Slack bots that will actually send your notifications.
- Push—In the case of Apple Push Notification Service and Firebase Cloud Messaging, you’ll have to maintain a stateful HTTP connection to be able to send push notifications on Apple and Android devices.

This is before we get into the quirks of each of the SDKs for these channels, their credentials, their rate limits, and dealing with their updates and deprecations. 

### Organizational complexity

Finally we have the burden to your team. 

Originally your engineering team were building neat productivity hacks into your task management app. AI was on the roadmap! Now they’re managing servers for cron jobs and wondering why the Slack API is so complicated.

The PM that wanted that in-app notification bell can’t get a holistic view of user behavior and is getting lost tracking user engagement and response rates that are fragmented across channels.

The data team now has to add telemetry to half a dozen of these notification channels to get observability into delivery and error rates.

## Building an ideal notification service

Notifications start simple, and then get complex all at once. So, if you are building out a notification service that takes this complexity into account, what does it look like?

First, the service has to be built around the idea that each event is the trigger for a [workflow](https://docs.knock.app/concepts/workflows) for notifications. There might be a single notification or multiple, each with different requirements. The service needs to take the event and expand it into the type of notification that needs to be generated.

Within that, we need to call on a centralized [messaging template](https://docs.knock.app/designing-workflows/template-editor/overview). Consistency is key. Whether you're sending a text, an email, or a Slack message, the content's tone, style, and branding should remain constant. A centralized templating system ensures that every notification, regardless of its type or channel, aligns with the brand's voice and adheres to pre-defined formats.

We also want the service to:

- Deliver notifications reliably. This means incorporating mechanisms like retries for delivery failures and rate limit mitigation to prevent hitting API limits. This ensures that each notification has the best chance of reaching its intended audience without overwhelming delivery channels.
- Give users the liberty to choose their [preferred notification channels](https://docs.knock.app/concepts/preferences), be it email, SMS, or any other. The system should apply these preferences universally across notification types, ensuring that users only receive messages how and when they want them.
- Build comprehensive log lines and metrics that allow for real-time monitoring, facilitating prompt troubleshooting. This ensures high uptime, performance, and user satisfaction.

Finally, we want to understand user engagement with the service. An ideal system would not just send notifications but also track [engagement data](https://docs.knock.app/send-notifications/tracking) like clicks and opens. This data can then be integrated into a data warehouse, allowing for analysis alongside product analytics. By examining these metrics, you can continually refine your notification strategy to increase customer value and retention.

## Single integration, multiple channels

This is why we built [Knock](https://knock.app). An ideal notification service isn't just about informing users—it's about enhancing their experience, respecting their preferences, and deriving insights to perpetually improve. 

With Knock, you can integrate once with our API and then build out [workflows](https://docs.knock.app/concepts/workflows) to other notifications easily within our dashboard. Just add your [channels](https://docs.knock.app/concepts/channels) and we’ll take care of the errors and logic and preferences and complexity. We build notifications so you can focus on your core product.

If you're dealing with the complexity of a multi-channel notification system and want a great set of APIs to keep things simple, you should [try Knock](https://knock.app/).

The best place to start is to [sign up for an account](https://dashboard.knock.app/signup?utm_source=blog&utm_medium=referral&utm_campaign=guide-to-notif-systems) and [read our docs](https://docs.knock.app/?utm_source=blog&utm_medium=referral&utm_campaign=guide-to-notif-systems). If you’d like to learn more, you can [book a personalized demo](https://knock.app/contact-sales?utm_source=blog&utm_medium=referral&utm_campaign=guide-to-notif-systems) today.