react-native: push-уведомления + синтаксический анализ

редактировать: react-native реализует это поведение по умолчанию. Интересной частью является прослушиватель событий для события register, которое теперь возвращает токен устройства. Процедура теперь довольно прямолинейна. Просто взгляните на docs также проверьте ответ JWindey. В них есть некоторые очень важные моменты, которые необходимы для фактического запуска событий.

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

мы используем следующие ресурсы:

• реагировать-уроженца
• parse-js
• синтаксический анализ REST API
• react-native-remote-push (https://github.com/darylrowland/react-native-remote-push)

следуйте инструкциям по разбору push-уведомлений (https://parse.com/tutorials/ios-push-notifications) и получить все настроить правильно (анкеты, сертификаты и т. д.). Используя компонент react-native-remote-push позже, вам не нужно выполнять шаги 5 и 6.

теперь добавьте проект react-native-remote-push. Нам пришлось внести некоторые незначительные коррективы в код (в основном с устаревшим кодом objC), но это может зависеть от вашего собственного проекта.

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

нам нужно сначала зарегистрировать устройство и подписаться на push-канал. react-native-remote-push позволяет нам обрабатывать разрешения и получать маркер устройства. Затем мы приступаем к использованию этого маркера устройства для регистрации этой установки через REST API. Этот код является частью нашего componentDidMount() вызова.

var PushManager = require('./RemotePushIOS');
var registerInstallation = require('./Installation');

componentDidMount() {
    PushManager.requestPermissions(function(err, data) {
        if (err) {
            console.log("Could not register for push");
        } else {
            registerInstallation({
                "deviceType": "ios",
                "deviceToken": data.token,
                "channels": ["global"]
            });
         }
    });

    PushManager.setListenerForNotifications(this.receiveRemoteNotification);
}

PushManager-необходимый компонент из react-native-remote-push, а registerInstallation-функция, содержащая вызов REST API.

/**
* registers an installation
* data should look like the following:
* {
*  "deviceType": "ios", // or "android"
*  // if android is targeted set
*  // "pushType": "gcm",
*  // "GCMSenderId": "56712320625545", // whatever the later means
*  "deviceToken": "29e32a686fd09d053e1616cb48",
*  "channels": [
*       ""
*   ]
* };
* for more information visit:
* https://www.parse.com/docs/rest#installations-uploading
*/
var registerInstallation = function(data) {
    var url = "https://api.parse.com";
    url += "/1/installations";
    fetch(url, {
        method: 'post',
        headers: {
            'Accept': 'application/json',
            'X-Parse-Application-Id': PARSE_APP_ID,
            'X-Parse-REST-API-Key': PARSE_REST_KEY,
            'Content-Type': 'application/json'
        },
        body: JSON.stringify(data)
    })
    .then(processStatus)
    .then(parseJson)
    .catch(error);
};

module.exports = registerInstallation;

"processStatus", "parseJson" и "error" - это всего лишь некоторые небольшие функции, которые обрабатывают результат вызова API. При необходимости я могу предоставить более подробную информацию. Эта функция позволяет нам добавлять много информации через объект "данные", такие как userid, версия приложения, версия синтаксического анализа и т. д., так же, как вы привыкли из iOS SDK. У нас есть только базовый пример, работающий прямо сейчас, но его легко расширить на этой основе. Этот шаг был очень важен для нас, потому что мы должны связать каждую установку с определенным пользователем.

вы должны быть в состоянии получать push-уведомления в настоящее время. Вы можете обрабатывать их в функции "receiveRemoteNotification", которая действует как слушатель. Основная функция предусмотрена на сайте react-native-remote-push деталь.

Я надеюсь, что смогу поделиться некоторыми соображениями по этой теме. Если я должен более подробно остановиться на некоторых частях, я с удовольствием добавлю дополнительную информацию.