移动web应用程序的推送通知功能

Question

我有一个简单的场景，每当从服务器生成通知时，都会在移动设备上接收通知。

我知道这个功能在原生iOS应用程序和Android中可用，但我正在努力避免原生路径。我想要的是：

1. 可以通过访问URL访问的移动web应用程序
2. 用户可以在主屏幕上创建书签，这样它就有了原生应用程序图标的感觉
3. 获取通知徽章（没有圆形消息）
4. 即使浏览器关闭，也能收到通知

我知道存在服务器端事件/Web套接字的可能性，但Web应用程序可以模拟推送通知功能吗？

Answer 1

您可以在没有混合应用程序、本机应用程序或要求用户安装Pushover的情况下完成此操作。可以构建一个"渐进式网络应用程序"，即使在页面关闭后也可以发送推送通知。

这些功能目前在Chrome for Android中运行（其他浏览器似乎正在实现支持），但在iOS上没有支持。

查看此演示，本指南将介绍如何做到这一点：https://developers.google.com/web/fundamentals/engage-and-retain/push-notifications/

Answer 2

如基于Web的应用程序可以有推送通知吗？您可以尝试Pushover：适用于Android和iOS的简单移动通知。

Answer 3

即使浏览器关闭，也能收到通知。

您不能为此使用WebSockets。您必须使用最新的Push API。目前，除iOS上的Safari外，所有主要浏览器都支持它。

然而，从头开始添加对Push API的支持是一项艰巨的工作：我建议使用Pushpad这样的第三方服务（我是创始人）。

Answer 4

我正在使用这个体系结构

sockjs+rabbitmq+stomp

参考文献：

1. http://www.rabbitmq.com/blog/2012/05/14/introducing-rabbitmq-web-stomp/
2. http://jmesnil.net/stomp-websocket/doc/

Answer 5

您可以使用插件向PhoneGap（移动web应用程序）发送移动推送通知

https://github.com/awysocki/C2DM-PhoneGap

推送通知或服务器推送是将数据从服务器发送到客户你注意到Gmail是如何接收和显示到达的新电子邮件的吗你的收件箱？您不需要刷新浏览器或单击某些刷新按钮即可发送请求并接收来自服务器的最新数据。

Answer 6

根据我的理解，您可以构建一个混合应用程序，它将允许您访问本地和web功能。要做到这一点，你可以考虑使用Phonegap。这也将允许您使用推送通知服务。

您可以将试飞视为在Android和iOS平台上分发应用程序的第三方软件。试飞是免费的，最近收购了苹果公司。

Answer 7

Firebase是谷歌针对移动和web的推送通知解决方案。

该公司现在为所有Firebase用户提供免费和无限制的服务支持iOS、Android和Web的通知。源