Отправить тестовое сообщение фоновому приложению

Чтобы начать работу с FCM, создайте простейший вариант использования: отправьте уведомление определенному пользователю, когда приложение на устройстве работает в фоновом режиме. На этой странице перечислены все шаги для достижения этой цели, от установки для проверки - это может охватывать действия , которые уже завершены , если вы создали клиентское приложение JavaScript для ТСМ.

Настроить SDK

Если вы еще не сделали, добавьте Firebase к вашему проекту JavaScript .

Доступ к токену регистрации

Если вам необходимо получить текущую регистрацию маркера для экземпляра приложения, вызовите getToken . Если разрешение на уведомление не было предоставлено, этот метод запросит у пользователя разрешения на уведомление. В противном случае он возвращает токен или отклоняет обещание из-за ошибки.

FCM требует firebase-messaging-sw.js файла. Если у вас уже есть firebase-messaging-sw.js файл, создайте пустой файл с таким именем и поместить его в корневом каталоге вашего домена перед извлечением токена. Вы можете добавить значимое содержимое в файл позже в процессе настройки клиента.

Чтобы получить текущий токен:

Веб-версия 9

import { getMessaging, getToken } from "firebase/messaging";

// Get registration token. Initially this makes a network call, once retrieved
// subsequent calls to getToken will return from cache.
const messaging = getMessaging();
getToken(messaging, { vapidKey: '<YOUR_PUBLIC_VAPID_KEY_HERE>' }).then((currentToken) => {
  if (currentToken) {
    // Send the token to your server and update the UI if necessary
    // ...
  } else {
    // Show permission request UI
    console.log('No registration token available. Request permission to generate one.');
    // ...
  }
}).catch((err) => {
  console.log('An error occurred while retrieving token. ', err);
  // ...
});

Веб-версия 8

// Get registration token. Initially this makes a network call, once retrieved
// subsequent calls to getToken will return from cache.
messaging.getToken({ vapidKey: '<YOUR_PUBLIC_VAPID_KEY_HERE>' }).then((currentToken) => {
  if (currentToken) {
    // Send the token to your server and update the UI if necessary
    // ...
  } else {
    // Show permission request UI
    console.log('No registration token available. Request permission to generate one.');
    // ...
  }
}).catch((err) => {
  console.log('An error occurred while retrieving token. ', err);
  // ...
});

Получив токен, отправьте его на сервер приложений и сохраните, используя предпочитаемый вами метод.

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

  1. Установите и запустите приложение на целевом устройстве.

  2. Убедитесь, что приложение работает в фоновом режиме на устройстве.

  3. Откройте композитор Уведомления и выберите Новое уведомление.

  4. Введите текст сообщения.

  5. Выберите Отправить тестовое сообщение.

  6. В поле Добавить регистрационный маркер ТСМ, введите токен регистрации вы получили в предыдущем разделе данного руководства.

  7. Нажмите тест

После нажатия кнопки Test, целевой клиентское устройство (с приложением в фоновом режиме) , должно получить уведомление в браузере.

Следующие шаги

Отправляйте сообщения в передовые приложения

После того, как вы успешно отправленные сообщения уведомления в то время как ваше приложение работает в фоновом режиме, см Прием сообщений в клиенте JavaScript для начала отправки на передний план приложений.

Выходите за рамки уведомлений

Чтобы выйти за рамки уведомлений и добавить в приложение другое, более продвинутое поведение, см.