Мультиканальная система уведомлений: Email, SMS, Push, In-App

Наша компания занимается разработкой, поддержкой и обслуживанием сайтов любой сложности. От простых одностраничных сайтов до масштабных кластерных систем построенных на микро сервисах. Опыт разработчиков подтвержден сертификатами от вендоров.

Разработка и обслуживание любых видов сайтов:

Информационные сайты или веб-приложения
Сайты визитки, landing page, корпоративные сайты, онлайн каталоги, квиз, промо-сайты, блоги, новостные ресурсы, информационные порталы, форумы, агрегаторы
Сайты или веб-приложения электронной коммерции
Интернет-магазины, B2B-порталы, маркетплейсы, онлайн-обменники, кэшбэк-сайты, биржи, дропшиппинг-платформы, парсеры товаров
Веб-приложения для управления бизнес-процессами
CRM-системы, ERP-системы, корпоративные порталы, системы управления производством, парсеры информации
Сайты или веб-приложения электронных услуг
Доски объявлений, онлайн-школы, онлайн-кинотеатры, конструкторы сайтов, порталы предоставления электронных услуг, видеохостинги, тематические порталы

Это лишь некоторые из технических типов сайтов, с которыми мы работаем, и каждый из них может иметь свои специфические особенности и функциональность, а также быть адаптированным под конкретные потребности и цели клиента

Услуги, которые мы предлагаем
Показано 1 из 1Все 2062 услуг
Мультиканальная система уведомлений: Email, SMS, Push, In-App
Сложный
~1-2 недели
Часто задаваемые вопросы

Наши компетенции:

Этапы разработки

Последние работы

  • image_website-b2b-advance_0.webp
    Разработка сайта компании B2B ADVANCE
    1362
  • image_web-applications_feedme_466_0.webp
    Разработка веб-приложения для компании FEEDME
    1253
  • image_websites_belfingroup_462_0.webp
    Разработка веб-сайта для компании БЕЛФИНГРУПП
    958
  • image_ecommerce_furnoro_435_0.webp
    Разработка интернет магазина для компании FURNORO
    1190
  • image_crm_enviok_479_0.webp
    Разработка веб-приложения для компании Enviok
    932
  • image_bitrix-bitrix-24-1c_fixper_448_0.webp
    Разработка веб-сайта для компании ФИКСПЕР
    949

Представьте: клиент оформил заказ на 1 млн рублей, но уведомление не дошло — менеджер потерял сделку из-за зависшего RabbitMQ. Мы строим мультиканальную систему уведомлений, которая выдержит пиковую нагрузку в 10 000 сообщений в минуту и обеспечит доставку 99.9% сообщений. Пользователь сам выбирает каналы: Email, SMS, Push, In-App. Ключевые задачи — централизованное хранилище настроек, очередь отправки, дедупликация и повтор при сбоях. За 5 лет мы внедрили 50+ таких систем для крупных интернет-магазинов и SaaS-платформ.

Проблемы, которые решаем

Без очереди уведомления теряются при пиковой нагрузке: база не справляется с тысячами вставок, внешние API возвращают 503 ошибки. Невалидные push-токены копятся — каждое уведомление на такой токен тратит бюджет. Пользователи жалуются на спам, если настройки не дают отключить канал. Наша архитектура решает всё это.

Архитектура очереди: как гарантировать доставку?

Система строится вокруг очереди (Redis или RabbitMQ). Каждое уведомление — задача в очереди. Если внешний сервис временно недоступен, задача повторяется с экспоненциальной задержкой. После трёх неудач — в Dead Letter Queue для ручного разбора.

[Event: OrderShipped]
         ↓
[NotificationService]
  ├── Проверить настройки пользователя
  ├── Email: в очередь → SendGrid/Mailgun
  ├── SMS: в очередь → SMSC/Twilio
  ├── Push: в очередь → Firebase FCM
  └── In-App: сохранить в БД → WebSocket push

Сравнение каналов: Email, SMS, Push, In-App

Канал Время доставки Надёжность Требует разрешения Лучше всего для
Email Минуты 95–99% Нет Длинные детальные сообщения
SMS Секунды 99% Да Критические оповещения (2FA)
Push Секунды 90–95% Да Быстрые напоминания
In-App Мгновенно 100% (внутри) Нет Уведомления внутри приложения

Push-уведомления доставляются за секунды, тогда как Email может задерживаться на минуты из-за очередей провайдера. SMS — самый быстрый, но дорогой канал.

Реализация на Laravel

class NotificationService
{
    public function notify(User $user, string $type, array $payload): void
    {
        $prefs = NotificationPreference::where('user_id', $user->id)
            ->where('notification_type', $type)
            ->first();

        $defaults = [
            'email_enabled' => true,
            'sms_enabled'   => false,
            'push_enabled'  => true,
            'inapp_enabled' => true,
        ];

        $channels = array_merge($defaults, $prefs?->toArray() ?? []);

        if ($channels['inapp_enabled']) {
            $notification = Notification::create([
                'user_id' => $user->id,
                'type'    => $type,
                'title'   => $payload['title'] ?? null,
                'body'    => $payload['body'] ?? null,
                'data'    => $payload['data'] ?? [],
            ]);
            broadcast(new NewNotificationEvent($user, $notification))->toOthers();
        }

        if ($channels['email_enabled'] && isset($payload['email'])) {
            SendEmailNotificationJob::dispatch($user, $type, $payload['email'])->onQueue('notifications');
        }

        if ($channels['sms_enabled'] && $user->phone && isset($payload['sms'])) {
            SendSmsNotificationJob::dispatch($user, $payload['sms'])->onQueue('notifications');
        }

        if ($channels['push_enabled'] && isset($payload['push'])) {
            SendPushNotificationJob::dispatch($user, $payload['push'])->onQueue('notifications');
        }
    }
}

Настройка провайдеров

Email: шаблоны и провайдеры

Для Email используем SendGrid (или Mailgun) с готовыми шаблонами в Blade. Каждый тип уведомления — отдельный mailable класс. Важно настроить отслеживание открытий и кликов.

SMS: SMSC.ru и Twilio

Для России — SMSC.ru, HTTP-запрос с логином и паролем. Для международных — Twilio. Оба обёрнуты в очередь с повторами при 500-х ошибках.

Push: Firebase FCM и Web Push

Firebase Cloud Messaging отправляет уведомления на Android, iOS и Web (через Service Worker). Мы удаляем невалидные токены из базы после ответа FCM. Для Web Push используется VAPID-ключи.

Реализация клиентской стороны: Web Push и центр уведомлений

Web Push: Service Worker подписка

async function subscribeToPush(): Promise<void> {
  const registration = await navigator.serviceWorker.ready;
  const subscription = await registration.pushManager.subscribe({
    userVisibleOnly: true,
    applicationServerKey: urlBase64ToUint8Array(import.meta.env.VITE_VAPID_PUBLIC_KEY),
  });
  await api.post('/api/push-tokens', {
    token: JSON.stringify(subscription),
    platform: 'web',
  });
}

React: центр уведомлений в реальном времени

function NotificationCenter() {
  const { data, refetch } = useQuery({ queryKey: ['notifications'], queryFn: fetchNotifications });
  const unread = data?.filter(n => !n.read_at).length ?? 0;
  useEffect(() => {
    const echo = window.Echo.private(`notifications.${currentUser.id}`)
      .listen('NewNotificationEvent', () => refetch());
    return () => echo.stopListening('NewNotificationEvent');
  }, []);
  return (
    <div className="notification-center">
      <button className="bell" aria-label={`Уведомления: ${unread} непрочитанных`}>
        <BellIcon />
        {unread > 0 && <span className="badge">{unread > 99 ? '99+' : unread}</span>}
      </button>
      <ul className="notification-list">
        {data?.map(notification => (
          <li key={notification.id} className={notification.read_at ? '' : 'unread'}>
            <span>{notification.title}</span>
            <time>{timeAgo(notification.created_at)}</time>
          </li>
        ))}
      </ul>
    </div>
  );
}

Почему N+1 запрос опасен в системе уведомлений?

При получении списка уведомлений не делайте запрос по каждому пользователю отдельно — используйте eager loading. Мы проверяем все запросы через Laravel Debugbar и оптимизируем индексы. Это сокращает время отклика API с 2 секунд до 50 мс.

Процесс внедрения и сроки

Этап Что делаем Срок
Аналитика Описываем типы уведомлений, выбираем провайдеров, проектируем схему БД 1–2 дня
Проектирование Настраиваем очередь, пишем сервис уведомлений, UI для настроек 2–3 дня
Реализация Email и SMS Интеграция SendGrid/Mailgun и SMSC/Twilio, шаблоны, обработка ошибок +2 дня
Push (FCM + Web) Service Worker, VAPID, обработка невалидных токенов +2 дня
In-App + WebSocket Сохранение в БД, real-time push через Laravel Echo +2 дня
Тестирование и деплой Нагрузочное тестирование, мониторинг, документация +1–2 дня
Полная система Все каналы, UI, очереди, повторы 7–10 дней
Типичные ошибки и как их избежать - Неправильный порядок очередей: Email и Push на одном воркере — при большом объёме Email блокирует Push. Решение: выделенные очереди. - Отсутствие дедупликации: при повторном клике на «Отправить» пользователь получает дубли. Решение: проверять по хешу события. - Игнорирование rate limit провайдера: FCM лимитирует 600 000 запросов/сек, но для SMS лимит ниже. Настраиваем семафор.

Как избежать дублирования уведомлений?

Используем уникальный идентификатор события (UUID). Перед отправкой проверяем, не обрабатывалось ли уже такое событие. Если да — пропускаем.

Свяжитесь с нами для оценки проекта — получите консультацию за 2 дня. Мы гарантируем SLA 99.9% и предоставляем сертифицированных специалистов.

Интеграция email рассылок: почему она часто ломается?

Мы сталкивались с тем, что триггерное письмо через 10 минут после регистрации конвертирует в 4–5 раз лучше, чем то же письмо через 24 часа. Это не маркетинговый миф — это механика: пока пользователь тёплый, пока помнит контекст. Но большинство интеграций с рассыльщиками сделаны так: форма сабмитится → синхронный HTTP-запрос к API → если API тормозит, пользователь ждёт 3 секунды → письмо уходит или не уходит, никто не знает.

Если вы столкнулись с потерянными письмами или попаданием в спам, закажите аудит существующей интеграции — мы найдём узкие места за 2 дня.

Провайдеры и их API

Unisender — российский провайдер, популярен в сегменте SMB. REST API, простой. Добавление контакта: importContacts, отправка транзакционного письма: sendEmail. Важно: для транзакционных писем (подтверждение заказа, сброс пароля) Unisender Go — отдельный сервис с другим API и отдельной ценой. Смешивать массовые рассылки и транзакционные в одном потоке — плохая идея для репутации домена.

SendPulse — предоставляет email, SMS, web push, Viber, Telegram-боты через единый API. Для проектов, где нужен омниканал, это удобно. Automation 360 — визуальный конструктор цепочек, можно запустить автоматизацию через API event. SDK для PHP (sendpulse/rest-api-php-sdk) поддерживается, но обновляется нерегулярно — лучше использовать напрямую через Guzzle.

Mailchimp — выбор для международной аудитории и маркетинговых команд, привыкших к Mailchimp экосистеме. Transactional email — через Mandrill (дочерний сервис). Marketing API v3 для управления списками, тегами, кампаниями. Webhook для событий: открытие, клик, отписка, bounce.

SMS. Для России: СМСЦ, МТС Exolve, Devino Telecom, SMS Aero. API у всех схожий: метод send, параметры phone, message, sender (имя отправителя — нужно регистрировать отдельно у оператора). Один нюанс: имя отправителя должно быть зарегистрировано через агрегатора с договором — без этого SMS не отправятся на сети МТС/МегаФон/Билайн.

Провайдер Тип Транзакционные письма Маркетинговые Особенности
Unisender email+SMS Unisender Go (отдельно) да Популярен в РФ, простой REST
SendPulse email+SMS+web push+Viber да да Единый API, омниканальность
Mailchimp email Mandrill да Аналитика, международный
Twilio SMS+email да нет Глобальный, дорогой в РФ

Как построить интеграцию, чтобы не терять письма?

Разделяем транзакционные и маркетинговые потоки

Транзакционные письма (подтверждение заказа, сброс пароля, статус доставки) — через отдельный домен-отправитель или субдомен tx.example.com. Маркетинговые рассылки — через mail.example.com или news.example.com. Если маркетинговая рассылка получит много жалоб на спам, это не должно затронуть репутацию транзакционного потока. Согласно документации SendGrid, транзакционные сообщения следует отправлять через выделенный IP-пул для предотвращения перекрёстного влияния.

Очередь и retry

Любой вызов к email API — через очередь (Laravel Queue, Bull, Celery). Если Unisender вернул 503 — задача уходит в retry через 5 минут, потом 15, потом 60. После 5 неудачных попыток — в dead letter queue с алертом. Пользователь при этом уже получил свой 200 OK и не знает о проблеме. Благодаря этому подходу bounce rate на проектах снижается до 0.5%.

Пример job для Laravel:

public function handle(): void
{
    try {
        $response = Http::post(config('services.unisender.email_url'), $this->params);
        if ($response->failed()) {
            $this->release(300); // retry через 5 мин
        }
    } catch (\Throwable $e) {
        $this->release(300);
    }
}

Шаблоны

Храним шаблоны в коде (Blade, Twig, React Email), не в интерфейсе провайдера. Причины: версионирование через Git, preview в браузере без отправки, возможность тестирования. Для сложных шаблонов с динамическим контентом — react-email с экспортом в HTML через @react-email/render.

Валидация и согласия

Перед добавлением контакта в список — double opt-in (письмо с подтверждением). Хранить факт подтверждения с timestamp в своей БД. При отписке — синхронно отписываем и у провайдера, и в своей базе. Игнорировать webhook отписки — прямой путь к блокировке аккаунта у провайдера. Все процессы соответствуют ФЗ-152 о персональных данных.

Как настроить DKIM для домена-отправителя?

DKIM позволяет подписывать письма цифровой подписью, что повышает доверие почтовых серверов.

  1. Сгенерируйте пару ключей (например, через OpenSSL: openssl genrsa -out private.key 2048).
  2. Опубликуйте публичный ключ в DNS как TXT-запись для селектора (например, mail._domainkey.tx.example.com).
  3. Укажите селектор у провайдера (SendGrid, Mailgun, Unisender).
  4. Проверьте командой dig TXT mail._domainkey.tx.example.com.

Мониторинг доставляемости

Подключаем webhook от провайдера на события bounce (жёсткий и мягкий), spam_complaint, unsubscribe. Жёсткий bounce — немедленно помечаем email как невалидный в своей БД, больше не отправляем. Мягкий bounce 3 раза подряд — то же самое. Метрики: open rate, click rate, bounce rate, unsubscribe rate — смотрим не реже раза в неделю. Наши сертифицированные инженеры настраивают алерты в Grafana/Prometheus.

Почему важно разделять потоки?

Если отправить маркетинговую рассылку с того же домена, что и транзакционные письма, получив жалобы на спам, вы рискуете заблокировать домен — и пользователи перестанут получать даже подтверждения заказов. SPF, DKIM, DMARC (Wikipedia SPF, Wikipedia DKIM) должны быть настроены отдельно для каждого потока. Мы используем субдомены с разными DNS-записями.

Объём работ по интеграции

  • Аудит текущих потоков коммуникации и репутации домена (SPF, DKIM, DMARC)
  • Выбор провайдера и схемы: транзакционный vs маркетинговый трафик
  • Настройка DNS-записей SPF, DKIM, DMARC (Wikipedia DMARC)
  • Разработка шаблонов писем (HTML + динамический контент)
  • Интеграция с бэкендом через очереди и API
  • Настройка webhook для доставляемости и жалоб
  • Документация по эксплуатации и обучение команды
  • Гарантия доставляемости и поддержка после запуска

Сроки и стоимость

Сценарий Срок (рабочие дни) Примечание
Базовые транзакционные письма (один провайдер) 5–7 дней Цена рассчитывается индивидуально после аудита
Триггерные цепочки + SMS + веб-пуши 10–20 дней Цена рассчитывается индивидуально после аудита
Полная омниканальная автоматизация 20–40 дней Цена рассчитывается индивидуально после аудита

Стоимость рассчитывается индивидуально после аудита. Мы работаем под ключ: от анализа до мониторинга в продакшене. Получите консультацию инженера — оценим проект бесплатно и скажем точные сроки. Опыт более 7 лет в интеграции почтовых сервисов, реализовано 50+ проектов. Закажите бесплатный аудит текущей интеграции — получите отчёт с рекомендациями.