PushWave — Push Уведомления

Конфигурация Firebase

Настройки проекта FCM

Не настроен

ℹ️

Создайте проект на console.firebase.google.com, добавьте веб-приложение и скопируйте конфигурацию ниже.

VAPID Public Key (из Firebase → Project Settings → Cloud Messaging)

Web Push certificates → Key pair → Public key

Firebase Config JSON

📦 Шаг 1: Создание Firebase проекта

Перейдите на console.firebase.google.com
Нажмите «Добавить проект»
Введите название и следуйте инструкциям
В проекте нажмите «Добавить приложение» → Web (</>)
Скопируйте firebaseConfig и вставьте выше

🔑 Шаг 2: Получение VAPID ключа

Firebase Console → Project Settings ⚙️
Вкладка Cloud Messaging
Раздел Web Push certificates
Нажмите «Generate key pair»
Скопируйте Public Key и вставьте выше

📱 Шаг 3: Настройка Android

Для получения уведомлений на Android:

Откройте этот сайт в Chrome на Android
Нажмите «Подписаться» и разрешите уведомления
Или добавьте сайт на главный экран (Add to Home Screen)

Уведомления работают даже при закрытом браузере через Service Worker.

🖥️ Шаг 4: Отправка через сервер (Node.js)

Для продакшн-отправки используйте web-push на сервере:

npm install web-push

const webpush = require('web-push');
webpush.setVapidDetails(
  'mailto:you@example.com',
  PUBLIC_VAPID_KEY,
  PRIVATE_VAPID_KEY
);
await webpush.sendNotification(subscription, JSON.stringify({
  title: 'Привет!',
  body: 'Сообщение с сервера',
  icon: '/icon.png'
}));

Подписка на уведомления

Разрешение и регистрация Service Worker

Не активна

Токен подписки (Subscription Object)

Нажмите «Подписаться» для получения токена...

Отправить уведомление

Тестирование и настройка пуш-сообщений

Заголовок Сообщение URL иконки (опционально) URL при клике Превью уведомления

🔔

🔔 Тестовое уведомление

Привет! Это тестовый пуш с вашего сайта 🚀

pushwave.app • сейчас

Требовать взаимодействие

Уведомление не исчезнет само

Вибрация

Паттерн вибрации на Android

Журнал событий

Лог активности

💡

Service Worker — файл sw.js должен находиться в корне сайта. Он обрабатывает уведомления даже при закрытом браузере. Для продакшн-отправки нужен сервер с библиотекой web-push.