1
0
Fork 0
mirror of https://github.com/binwiederhier/ntfy.git synced 2024-10-05 14:24:09 +02:00
ntfy/docs/subscribe/installed-web-app.md

Ignoring revisions in .git-blame-ignore-revs. Click here to bypass and see the normal blame view.

33 lines
1.9 KiB
Markdown
Raw Normal View History

2023-05-29 22:09:40 +02:00
# Using the web app as an installed web app
2023-06-24 20:35:38 +02:00
2023-06-16 22:55:42 +02:00
While ntfy doesn't have a native desktop app, it is built as a [progressive web app](https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps) (PWA)
2023-06-24 20:35:38 +02:00
and thus can be installed on both desktop and mobile devices.
This gives it its own launcher (e.g. shortcut on Windows, app on macOS, launcher shortcut on Linux, home screen icon on iOS, and
launcher icon on Android), a standalone window, push notifications, and an app badge with the unread notification count.
2023-05-29 22:09:40 +02:00
2023-06-16 22:55:42 +02:00
To install and register the web app in your operating system, click the "install app" icon in your browser (usually next to the
2023-06-24 20:35:38 +02:00
address bar). On iOS Safari, tap on the Share menu > "Add to Home Screen".
## Background Notifications
Background notifications via web push are enabled by default and cannot be turned off when the app is installed, as notifications would
not be delivered reliably otherwise. You can mute topics you don't want to receive notifications for.
On desktop, you generally need either your browser or the web app open to receive notifications, though the ntfy tab doesn't need to be
open. On mobile, you don't need to have the web app open to receive notifications. Look at the [web docs](./web.md#background-notifications)
for a detailed breakdown.
## Compatibility
2023-05-29 22:09:40 +02:00
2023-06-07 20:44:28 +02:00
<!-- TODO: (Q4 2023) Safari 17 / macOS 14 Sonoma supports installable PWAs too -->
2023-05-29 22:09:40 +02:00
Web app installation is supported on Chrome and Edge on desktop, as well as Chrome on Android and Safari on iOS.
Look at the [compatibility table](https://caniuse.com/web-app-manifest) for more info.
2023-05-29 17:57:21 +02:00
<div id="pwa-screenshots" class="screenshots">
<a href="../../static/img/pwa.png"><img src="../../static/img/pwa.png"/></a>
<a href="../../static/img/pwa-install.png"><img src="../../static/img/pwa-install.png"/></a>
<a href="../../static/img/pwa-badge.png"><img src="../../static/img/pwa-badge.png"/></a>
</div>