Перейти к основному содержимому

Push Notifications

Push-уведомления позволяют отправлять своевременную и актуальную информацию на телефон пользователя. На этой странице вы можете включить функцию отправки push-уведомлений в вашем приложении. После включения ее, вы сможете отправить push-уведомление мгновенно или запланировать его доставку на устройство пользователя в определенное время.

За кулисами

FlutterFlow использует Firebase Cloud Messaging (продукт Firebase) для отправки push-уведомлений.

Общие предпосылки

Прежде чем начать работу с этим разделом, убедитесь, что у вас есть:

Предпосылки для iOS

Эти шаги обязательны, если вы хотите отправлять push-уведомления на устройства iOS:

Добавление push-уведомлений

Вот шаги для отправки push-уведомлений:

  1. Включение push-уведомлений
  2. Только для iOS: Настройка iOS-приложения
  3. Отправка push-уведомлений

Включение push-уведомлений

warning

Обратите внимание, что push-уведомления не будут работать в следующих сценариях:

  • Push-уведомления не будут работать на iOS симуляторе. Для тестирования вам понадобится реальное устройство.
  • Push-уведомления не будут доставляться пользователям, вышедшим из своего приложения. Чтобы отправить push-уведомления пользователям, не вошедшим в систему, рассмотрите возможность внедрения Анонимной аутентификации Firebase в вашем приложении.
  • Push-уведомления не будут работать, если у вас открыто приложение на вашем устройстве.

Для включения push-уведомлений:

  1. Нажмите на Настройки и Интеграции -> Настройки приложения -> Push-уведомления и Включить push-уведомления.
  2. Теперь нажмите на кнопку Развернуть. Это создаст и развернет Cloud Functions в вашем проекте Firebase, необходимые для работы push-уведомлений.

img.png

Только для iOS: Настройка iOS-приложения

Чтобы получать push-уведомления в iOS-приложении, вам нужно выполнить следующие дополнительные шаги.

1. Создание ключа

Apple требует, чтобы разработчики создавали ключ для push-уведомлений в Консоли разработчика Apple, чтобы подтверждать отправителя push-уведомлений.

Чтобы создать ключ:

  1. Из вашего аккаунта разработчика Apple откройте раздел ключи.
  2. Нажмите на кнопку (+) справа от метки Ключи.
  3. Введите Имя ключа.
  4. Выберите Служба Push-уведомлений Apple (APNs) из списка ниже.
  5. Нажмите Продолжить, а затем Зарегистрировать.
  6. Нажмите Скачать и сохраните файл. Он понадобится для добавления в ваш проект Firebase.

2. Добавление ключа APNs в проект Firebase

Для добавления ключа APNs в проект Firebase:

  1. Из панели управления Firebase вашего проекта перейдите в крайнее левое меню. Выберите Настройки проекта( ) --> Настройки проекта.

  2. Выберите вкладку Облачные сообщения.

  3. Прокрутите вниз и найдите ваше iOS-приложение в разделе Конфигурация Apple для приложения.

  4. В разделе Аутентификация APNs нажмите Загрузить. Появится всплывающее окно для загрузки и ввода данных ключа.

  5. Нажмите на кнопку Обзор для нахождения и загрузки файла ключа аутентификации APNs.

  6. Введите Идентификатор ключа. Вы можете найти свой идентификатор ключа в Центре разработчика Apple в разделе Сертификаты, идентификаторы и профили -> Ключи -> Нажмите на Ключ.

  7. Введите Идентификатор команды. Вы можете найти свой идентификатор команды в Центре участников Apple под вкладкой участничества.

3. Добавление идентификатора

Чтобы отправить push-уведомления на устройства iOS после развертывания вашего приложения в App Store, вам необходимо добавить идентификатор.

Для добавления идентификатора:

  1. Из вашего аккаунта разработчика Apple откройте раздел Идентификаторы.
  2. Нажмите на символ (+) справа от метки Идентификаторы.
  3. Выберите Идентификаторы приложений и нажмите Продолжить.
  4. Выберите Тип Приложение и нажмите Продолжить.
  5. Введите Описание как ImageNotification.
  6. Введите Идентификатор пакета как ваше имя пакета и добавьте .ImageNotification в конце.
  7. Нажмите Продолжить, а затем нажмите Зарегистрировать.

4. Включение push-уведомлений в вашем идентификаторе приложения

примечание

Продолжите с этим шагом только если у вас есть созданный ID приложения или бандл-идентификатор в вашей учетной записи разработчика.

Добавьте возможность 'Push Notifications' к вашему существующему ID приложения, чтобы избежать проблем при повторном развертывании вашего приложения. Вот как это сделать:

  1. Из вашего аккаунта разработчика Apple, откройте раздел Идентификаторы.
  2. Откройте идентификатор с вашим существующим ID приложения.
  3. Выберите Push Notifications из списка и нажмите Сохранить.

Отправка push-уведомлений

Используйте эти шаги, чтобы создавать и отправлять push-уведомления:

  1. Нажмите на Настройки и Интеграции -> Настройки приложения -> Push-уведомления.

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

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

  4. Введите содержание вашего уведомления в Текст уведомления.

  5. По желанию: Нажмите на Загрузить изображение уведомления, чтобы установить изображение, которое должно появиться в уведомлении.

  6. Найдите выпадающее меню Целевая аудитория. Оставьте выбранной опцию Все, если вы хотите отправить уведомления как пользователям Android, так и iOS. Вы можете выбрать Android или iOS, если хотите нацелиться на определенных пользователей операционной системы.

  7. Включите Доставка со звуком, если хотите.

  8. Если у вас больше 10 тыс. пользователей, вам, возможно, захочется включить Пакетные уведомления.

  9. Чтобы отправить push-уведомления определенному или нескольким пользователям, введите ссылку на документ пользователя (из коллекции 'users' в Firestore) в Ссылки пользователя.

  10. Найдите выпадающее меню Начальная страница и выберите страницу, которую вы хотели бы открыть при клике пользователя на уведомление.

  11. Нажмите на Отправить уведомление.

  12. Чтобы подтвердить отправку этого уведомления, появится всплывающее окно. Вам необходимо ввести текст 'Отправить уведомление' и снова нажать Отправить уведомление.

Push-уведомления с данными

Иногда вам может потребоваться включить дополнительные данные в ваши push-уведомления, которые затем могут быть использованы для отображения более подробной информации на странице, когда она открывается через push-уведомление.

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

Примечание

В настоящее время мы поддерживаем только отправку ссылок на документы Firestore в качестве данных.

Для отправки push-уведомления с данными:

  1. Должна быть страница, принимающая параметр типа 'Ссылка на документ'.
  2. Постройте уведомление, используя инструкции здесь.
  3. Установите Начальную страницу на ту, которая принимает параметр.
  4. Найдите раздел Данные параметра, скопируйте ссылку на документ из Firestore и вставьте ее в поле ввода ниже.
  5. Нажмите на Отправить уведомление.

Запуск push-уведомления

Может возникнуть желание отправить push-уведомление, когда что-то происходит в вашем приложении. Например, отправка push-уведомления при отправке сообщения, push-уведомление о новой записи на прием, push-уведомление о изменении цены и т. д.

Вы можете отправить push-уведомление при наступлении такого события, добавив действие Trigger Push Notification.

Для демонстрационных целей рассмотрим пример отправки push-уведомления создателю поста, когда кто-то комментирует пост.

Вот шаги:

1. Получение ссылки на документ пользователя

Для отправки push-уведомления конкретному пользователю необходима ссылка на документ пользователя, в