我目前正在开发一个小型应用程序项目,以学习和试用 iOS 上的 react-native。我对解析 (parse.com) 有一些经验,并且很乐意在新应用程序中集成解析。目前,我没有任何问题,包括将 js 解析为 react-native。我可以使用帐户等登录。现在我需要向一定数量的用户(不是所有用户)发送推送通知。
我不明白的是推送通知应该如何与 react-native 和解析一起工作。通常,我会将设备安装与用户 ID 关联起来,然后向一定数量的用户(即具有相应安装的设备)发送推送。 react-native 指南 ( https://facebook.github.io/react-native/docs/pushnotificationios.html#content ) 没有提到类似的内容。即使它提供了解析指南作为引用,我也看不出我应该如何通过解析发送推送。该指南也留下了很多信息。这些“听众”订阅了哪些来源?我要从哪个服务器发送通知等?
据我了解,parse js 无法读取当前安装。我也对将 Parse iOS 添加到项目中犹豫不决。这感觉不自然,不应该是必须要做的事情,尽管它可以让我阅读当前的安装。 (但仍然解析 js 无法注册该安装以订阅推送通知)。
说到这里,我有点失落。这条信息 ( https://news.ycombinator.com/item?id=9271687 ) 告诉我这应该是可能的。我只是想不通:(
希望有人能帮助我。非常感谢一些建议。
最佳答案
编辑:react-native 现在默认实现了这个行为。有趣的部分是 register 事件的事件监听器,它现在返回设备 token 。现在程序非常简单。看看docs另请查看 JWindey 的回答。其中有一些非常重要的点是实际触发事件所必需的。
经过一段时间的大量尝试,我们今天得出了答案。这是我们的解决方案,它似乎运行良好。
我们使用以下资源:
- native react
- 解析-js
- 解析 Rest API
- react-native-remote-push ( https://github.com/darylrowland/react-native-remote-push )
遵循推送通知的解析指南 (https://parse.com/tutorials/ios-push-notifications) 并正确设置所有内容(配置文件、证书等)。后面使用 react-native-remote-push 组件,就不用再进行第 5 步和第 6 步了。
现在将 react-native-remote-push 添加到您的项目中。我们不得不对代码进行一些小的调整(主要是处理遗留的 objC 代码),但这可能取决于您自己的项目。
我们的项目有某种“起始页”,每次打开应用程序时都会显示。在此页面上,我们处理推送通知权限以及设备 token 的注册和推送通知的监听器。我们的目标是模仿我们将收到的与解析 iOS SDK 相同的行为。
我们需要先注册设备并订阅一个推送 channel 。 react-native-remote-push 允许我们处理权限并接收设备 token 。然后,我们继续使用此设备 token 通过 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调用结果的小函数。如有必要,我可以提供更多详细信息。这个函数允许我们通过“数据”对象添加很多信息,例如用户 ID、应用程序版本、解析版本等,就像您习惯从 iOS SDK 中一样。我们现在只有一个基本的例子可以工作,但应该很容易在此基础上进行扩展。这一步对我们来说非常重要,因为我们需要将每个安装与特定用户相关联。
您现在应该可以接收推送通知了。您可以在充当监听器的“receiveRemoteNotification”函数中处理它们。 react-native-remote-push组件网站上提供了一个基本功能。
我希望我能分享一些关于这个话题的见解。如果我应该对某些部分进行更详细的介绍,我会很乐意添加更多信息。
关于ios - react-native:推送通知+解析,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29683720/