mirror of
https://github.com/binwiederhier/ntfy.git
synced 2024-11-01 17:34:14 +01:00
75 lines
5 KiB
Markdown
75 lines
5 KiB
Markdown
# Subscribe from the web app
|
|
The web app lets you subscribe and publish messages to ntfy topics. For ntfy.sh, the web app is available at [ntfy.sh/app](https://ntfy.sh/app).
|
|
To subscribe, simply type in the topic name and click the *Subscribe* button. **After subscribing, messages published to the topic
|
|
will appear in the web app, and pop up as a notification.**
|
|
|
|
<div id="subscribe-screenshots" class="screenshots">
|
|
<a href="../../static/img/web-subscribe.png"><img src="../../static/img/web-subscribe.png"/></a>
|
|
</div>
|
|
|
|
## Publish messages
|
|
To learn how to send messages, check out the [publishing page](../publish.md).
|
|
|
|
<div id="web-screenshots" class="screenshots">
|
|
<a href="../../static/img/web-detail.png"><img src="../../static/img/web-detail.png"/></a>
|
|
<a href="../../static/img/web-notification.png"><img src="../../static/img/web-notification.png"/></a>
|
|
</div>
|
|
|
|
## Topic reservations
|
|
If topic reservations are enabled, you can claim ownership over topics and define access to it:
|
|
|
|
<div id="reserve-screenshots" class="screenshots">
|
|
<a href="../../static/img/web-reserve-topic.png"><img src="../../static/img/web-reserve-topic.png"/></a>
|
|
<a href="../../static/img/web-reserve-topic-dialog.png"><img src="../../static/img/web-reserve-topic-dialog.png"/></a>
|
|
</div>
|
|
|
|
## Notification features and browser support
|
|
|
|
- Emoji tags are supported in all browsers
|
|
|
|
- [Click](../publish.md#click-action) actions are supported in all browsers
|
|
|
|
- Only Chrome, Edge, and Opera support displaying view and http [actions](../publish.md#action-buttons) in notifications.
|
|
|
|
Their presentation is platform specific.
|
|
|
|
Note that HTTP actions are performed using fetch and thus are limited to the [CORS](https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS)
|
|
rules, which means that any URL you include needs to respond to a [preflight request](https://developer.mozilla.org/en-US/docs/Glossary/Preflight_request)
|
|
with headers allowing the origin of the ntfy web app (`Access-Control-Allow-Origin: https://ntfy.sh`) or `*`.
|
|
|
|
- Only Chrome, Edge, and Opera support displaying [images](../publish.md#attachments) in notifications.
|
|
|
|
Look at the [Notifications API](https://developer.mozilla.org/en-US/docs/Web/API/Notifications_API#browser_compatibility)
|
|
for more info.
|
|
|
|
## Background notifications
|
|
While subscribing, you have the option to enable background notifications on supported browsers (see "Settings" tab).
|
|
|
|
Note: If you add the web app to your homescreen (as a progressive web app, more info in the [installed web app](pwa.md)
|
|
docs), you cannot turn these off, as notifications would not be delivered reliably otherwise. You can mute topics you don't want to receive
|
|
notifications for.
|
|
|
|
**If background notifications are off:** This requires an active ntfy tab to be open to receive notifications.
|
|
These are typically instantaneous, and will appear as a system notification. If you don't see these, check that your browser
|
|
is allowed to show notifications (for example in System Settings on macOS). If you don't want to enable background notifications,
|
|
**pinning the ntfy tab on your browser** is a good solution to leave it running.
|
|
|
|
**If background notifications are on:** This uses the [Web Push API](https://caniuse.com/push-api). You don't need an active
|
|
ntfy tab open, but in some cases you may need to keep your browser open. Background notifications are only supported on the
|
|
same server hosting the web app. You cannot use another server, but can instead subscribe on the other server itself.
|
|
|
|
If the ntfy app is not opened for more than a week, background notifications will be paused. You can resume them
|
|
by opening the app again, and will get a warning notification before they are paused.
|
|
|
|
| Browser | Platform | Browser Running | Browser Not Running | Restrictions |
|
|
|---------|----------|-----------------|---------------------|---------------------------------------------------------|
|
|
| Chrome | Desktop | ✅ | ❌ | |
|
|
| Firefox | Desktop | ✅ | ❌ | |
|
|
| Edge | Desktop | ✅ | ❌ | |
|
|
| Opera | Desktop | ✅ | ❌ | |
|
|
| Safari | Desktop | ✅ | ✅ | requires Safari 16.1, macOS 13 Ventura |
|
|
| Chrome | Android | ✅ | ✅ | |
|
|
| Firefox | Android | ✅ | ✅ | |
|
|
| Safari | iOS | ⚠️ | ⚠️ | requires iOS 16.4, only when app is added to homescreen |
|
|
|
|
(Browsers below 1% usage not shown, look at the [Push API](https://caniuse.com/push-api) for more info)
|