html5-移动Web应用程序的推送通知功能

我有一个简单的方案,无论何时从服务器生成通知,它都会在移动设备上接收通知。

我知道此功能在本机iOS应用程序和Android中可用,但我正在尝试避免本机路径。 我想要的是:

  1. 可以通过访问URL来访问的移动Web应用程序
  2. 用户可以在主屏幕上创建书签,从而获得本机应用程序图标的感觉。
  3. 获取通知徽章(无圆形消息)
  4. 即使关闭浏览器也能够接收通知。

我知道服务器端事件/ Web套接字有可能,但是Web应用程序可以模拟推送通知功能吗?

谢谢

7个解决方案
17 votes

您无需混合应用程序,本机应用程序或要求用户安装Pushover即可执行此操作。 可以构建一个“渐进式Web应用程序”,即使在页面关闭后也可以发送推送通知。

这些功能现在可以在Android版Chrome浏览器(和其他浏览器似乎正在实现支持)中使用,但iOS上不支持。

观看此演示,本指南说明了操作方法:[https://developers.google.com/web/fundamentals/engage-and-retain/push-notifications/]

owencm answered 2020-08-11T20:36:47Z
7 votes

如基于Web的应用程序可以具有推送通知吗? 您可以尝试Android版和iOS版“ Pushover:简单移动通知”。

Kai Carver answered 2020-08-11T20:37:07Z
2 votes

即使关闭浏览器也能够接收通知。

您不能为此使用WebSockets。 您必须使用最新的Push API。 当前,除iOS上的Safari之外,所有主流浏览器均支持该功能。

但是,从头开始添加对Push API的支持需要做很多工作:我建议使用第三方服务,例如Pushpad(我是创始人)。

collimarco answered 2020-08-11T20:37:36Z
1 votes

我正在使用这种架构

sockjs + Rabbitmq +踩踏

参考文献:

  1. [HTTP://呜呜呜.rabbit目前.com/blog/2012/05/14/introducing-rabbit目前-Web-stomp/]
  2. [HTTP://介么说你了.net/stomp-Web socket/doc/]
Luffy answered 2020-08-11T20:38:13Z
1 votes

您可以使用插件将通知推送到PhoneGap(移动Web应用程序)

[HTTPS://GitHub.com/a我也是O除开i/C2DM-phone gap]

推送通知或服务器推送是将数据从服务器发送到服务器的最新方法客户。 您是否注意到Gmail如何接收和显示收到的新电子邮件您的收件箱? 您无需刷新浏览器或单击一些刷新按钮即可发送请求并从服务器接收最新数据。

Tekinnn answered 2020-08-11T20:38:43Z
0 votes

根据我的理解,您可以构建一个混合应用程序,该应用程序将允许您访问本机和Web功能。 为此,您可以考虑使用Phonegap。 这也将允许您使用推送通知服务。

您可以将Test Flight视为第三方软件,用于在Android和iOS平台上分发应用。 测试飞行是免费的,最近收购了苹果。

Simply Innovative answered 2020-08-11T20:39:07Z
0 votes

Firebase是Google针对移动和网络的推送通知解决方案。

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

Freek Nortier answered 2020-08-11T20:39:32Z
translate from https://stackoverflow.com:/questions/9156099/push-notification-facility-for-mobile-web-app