HTML5 Web 应用程序中的推送通知/消息

Posted

技术标签:

【中文标题】HTML5 Web 应用程序中的推送通知/消息【英文标题】:Push Notifications/Messaging in HTML5 web App 【发布时间】:2013-08-08 07:18:18 【问题描述】:

我希望使用 android 的 PhoneGap 将推送通知集成到我的 Jquery 移动网络应用程序中。是否有任何解决方案可以将云消息传递到 Web 应用程序中,例如推送通知。 我的应用程序基于获取朋友位置并签入新位置,因此我在网络应用程序中寻找消息或推送通知。

我也听说过http://www.html5rocks.com/en/tutorials/eventsource/basics/

但这对我没有帮助。

如果在 HTML5 网络应用中无法实现实时推送通知,请让我了解异步消息,例如我的应用中的离线消息。

【问题讨论】:

我知道有 WebSockets 的可能性,但网络应用程序可以模拟推送通知功能。 【参考方案1】:

我最近使用 WebSocket 协议实现了实时消息传递,它易于实现,性能非常好,并且支持加密。

【讨论】:

【参考方案2】:

试试城市飞艇。您每月会收到 100 万条免费推送通知。 它还与 Phonegap 合作。 链接:http://docs.urbanairship.com/build/phonegap.html

【讨论】:

【参考方案3】:

ScaleDrone 允许向(和从)PhoneGap 和 Web 推送。当 Websockets 不可用时,它会尽可能使用 Websockets 和其他技术。

【讨论】:

【参考方案4】:

有一个 API:http://www.w3.org/TR/2014/WD-push-api-20141007/,但我不会指望这里的平台支持。但是,由于您使用的是 PhoneGap,因此您可以将您的应用程序与原生云消息传递集成。这是a tutorial。

【讨论】:

【参考方案5】:

可以实现推送通知。如果您使用的是 Phonegap,PushPlugin 是一个不错的选择。此插件用于 Cordova,允许您的应用程序在 Amazon Fire OS、Android、ios、Windows Phone 和 Windows8 设备上接收推送通知。还可以免费使用。

Android 实施使用 Google 的 GCM(Google Cloud Messaging)服务。

有关使用 Android 的详细实施指南,请参阅此link 中的 Android 部分。

希望它能回答你的问题。这是迟到的答案,可能对您以及其他寻求类似解决方案的人有所帮助。

【讨论】:

以上是关于HTML5 Web 应用程序中的推送通知/消息的主要内容,如果未能解决你的问题,请参考以下文章

使用 kafka 作为消息代理为桌面/移动/Web 应用程序创建实时推送通知系统

让 HTML5 推送通知适用于所有 Web 浏览器和移动浏览器?

苹果推送通知问题

Web 推送通知未在 Firefox 浏览器中显示消息

重定向以查看 IOS 通知栏中的点击推送消息

取消发送的 Web 推送通知