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

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

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

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

• react-native
• parse-js
• Parse REST API
• реагировать родной пульт-поштовх (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-это необходимый компонент из реагировать родной пульт-пуш и registerInstallation-это функция, содержащая остальные вызова 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.

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