react-native：推送通知+解析

我目前正在研究一個小應用項目，以在iOS上學習並嘗試使用react-native。我有一些解析（parse.com）的經驗，並希望在新應用中整合解析。目前，我沒有任何問題，包括將js解析爲react-native。我可以登錄帳戶等。現在我需要發送推送通知給一定數量的用戶（不是所有用戶）。react-native：推送通知+解析

我不明白的是推送通知應該如何與react-native和parse一起工作。通常，我會將設備安裝與用戶ID連接，然後將推送發送給特定數量的用戶（這意味着具有相應安裝的設備）。反應原生指南（https://facebook.github.io/react-native/docs/pushnotificationios.html#content）沒有提到類似的東西。即使它給出瞭解析指南作爲參考，但我沒有看到我應該如何通過解析來發送推送。指南也留下了很多信息。這些「聽衆」訂閱的來源是什麼？我將從哪個服務器發送通知等？

據我所知，解析js無法讀取當前的安裝。我不願意將Parse iOS添加到該項目中。這感覺不自然，不應該成爲必需的事情，儘管它可以讓我閱讀當前的安裝。（但仍然解析js無法註冊該安裝以訂閱推送通知）。

在這一點上，我感覺有點失落。這條信息（https://news.ycombinator.com/item?id=9271687）告訴我，它應該有可能以某種方式。我只是想不通:(

希望有人能怎樣幫助我與一些意見，將忠實地感激。

來源

2015-04-16 MrMuetze

我本指南[鏈接]（https://www.parse.com/docs/push_guide#top/iOS） – rob180

非常感謝您的回覆做到了。本指南的JavaScript部分告訴我，它主要用於發送推送，但不能接收推送（可以通過react-native處理）或訂閱設備推送。因爲我想盡量減少項目中的objc和swift代碼，所以這似乎不能解決我的問題。（注意：我之前都是這麼做的，現在的挑戰是轉移到反應本地） – MrMuetze

@MrMuetze有什麼好運氣？你有工作嗎？如果是，請分享如何？ – Nachiket

編輯：react-native現在默認實現這種行爲。有趣的部分是現在返回設備令牌的註冊事件的事件監聽器。程序現在非常簡單。只需看看docs也可以查看JWindey的答案。在他們中有一些非常重要的點需要實際觸發事件。

經過一段時間和大量嘗試，我們今天想出了一個答案。這是我們的解決方案，它似乎工作得很好。

我們使用下面的資源：

反應天然
解析-JS
解析REST API
反應天然遠程 - 推（https://github.com/darylrowland/react-native-remote-push）

按照分析指南進行推送通知（https://parse.com/tutorials/ios-push-notifications），並正確設置所有內容（配置文件，certificat es等）。稍後使用react-native-remote-push組件，您不必按照步驟5和步驟6.

現在將react-native-remote-push添加到您的項目中。我們必須對代碼進行一些小的調整（主要處理遺留的objC代碼），但這可能取決於您自己的項目。

我們的項目有一些「開始頁面」，每次打開應用程序時都會顯示。在此頁面上，我們處理推送通知權限以及註冊設備令牌和監聽器以進行推送通知。我們的目標是模仿與解析iOS SDK相同的行爲。

我們需要先註冊設備並訂閱推送通道。 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調用結果的一些小函數。如有必要，我可以提供更多細節。這個函數允許我們通過「data」對象添加大量信息，例如userid，app版本，解析版本等，就像您從iOS SDK中習慣的那樣。我們現在只有一個基本的例子，但在這個基礎上擴展應該很容易。這一步對我們來說非常重要，因爲我們需要將每個安裝與特定用戶相關聯。

您現在應該能夠收到推送通知。您可以在充當監聽器的「receiveRemoteNotification」函數中處理它們。在react-native-remote-push組件的網站上提供了一個基本功能。

我希望我能分享一些關於這個話題的見解。如果我應該詳細說明某些部分，我會很樂意添加更多信息。

來源

2015-05-17 13:13:42 MrMuetze

非常感謝你！這工作對我來說，雖然我用PushNotificationIOS，但你的代碼是超級超級有用:-) –

我用你的答案，它的工作。但是我有問題重置徽章號碼。我遵循Parse ios sdk並在 - （void）applicationDidBecomeActive：（UIApplication *）應用程序中添加徽章重置代碼{...但它不像解釋的那樣工作。你有什麼建議嗎？ –

對不起，我還沒有查看徽章號碼。在這一點上無法幫助你。 – MrMuetze

我做了一些調查與解析+反應本土組合，並有工作。

你必須解析SDK（跟着導遊）添加到您的項目，並鏈接了所有必要的庫

不要忘了加上5點的步驟：a。https://parse.com/tutorials/ios-push-notifications

然後添加RCTPushNotificatio nManager.h + m（來自react-native/Libraries）到您的項目。之後，在AppDelegate.m中添加以下代碼：

- (void)application:(UIApplication *)application didReceiveRemoteNotification:(NSDictionary *)userInfo { 
[[NSNotificationCenter defaultCenter] postNotificationName:@"RemoteNotificationReceived" 
                object:self 
                userInfo:userInfo]; 
}

應該這樣做。

來源

2015-04-29 18:01:16 JWindey

如果我錯了，請告訴我，但在這種情況下，您沒有將用戶分配給設備安裝，對嗎？ – MrMuetze

這是文檔中缺少的部分！非常感謝。 – eluleci

官方PushNotificationIOS有register事件，我們可以從中獲取令牌。因此，通過擁有@ MrMuetze的REST API，我可以將設備安裝到Parse。

PushNotificationIOS.addEventListener('register', function(token){ 
registerInstallation({ 
    "deviceType": "ios", 
    "deviceToken": token, 
    "channels": ["global"] 
}) 
});

來源

2015-10-19 23:20:57 shohey1226

react-native：推送通知+解析

回答

相關問題