From 6d7fec533701a75786f34d1b8b286d1ebaba1577 Mon Sep 17 00:00:00 2001
From: Philipp Heckel <pheckel@datto.com>
Date: Thu, 18 Nov 2021 09:22:33 -0500
Subject: [PATCH] Examples and anchors on website
---
.../web-example-eventsource/example-ssh.html | 2 +
server/example.html | 56 +++++++++
server/index.gohtml | 106 +++++++++++++++---
server/server.go | 10 ++
server/static/css/app.css | 4 +-
server/static/img/badge-appstore.png | Bin 0 -> 5922 bytes
server/static/img/badge-googleplay.png | Bin 0 -> 3812 bytes
server/static/js/app.js | 1 +
8 files changed, 159 insertions(+), 20 deletions(-)
create mode 100644 server/example.html
create mode 100644 server/static/img/badge-appstore.png
create mode 100644 server/static/img/badge-googleplay.png
diff --git a/examples/web-example-eventsource/example-ssh.html b/examples/web-example-eventsource/example-ssh.html
index db1acda..e558ef1 100644
--- a/examples/web-example-eventsource/example-ssh.html
+++ b/examples/web-example-eventsource/example-ssh.html
@@ -3,6 +3,7 @@
<head>
<meta charset="UTF-8">
<title>ntfy.sh: EventSource Example</title>
+ <meta name="robots" content="noindex, nofollow" />
<style>
body { font-size: 1.2em; line-height: 130%; }
#events { font-family: monospace; }
@@ -13,6 +14,7 @@
<p>
This is an example showing how to use <a href="https://ntfy.sh">ntfy.sh</a> with
<a href="https://developer.mozilla.org/en-US/docs/Web/API/EventSource">EventSource</a>.<br/>
+ This example doesn't need a server. You can just save the HTML page and run it from anywhere.
</p>
<button id="publishButton">Send test notification</button>
<p><b>Log:</b></p>
diff --git a/server/example.html b/server/example.html
new file mode 100644
index 0000000..e558ef1
--- /dev/null
+++ b/server/example.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <title>ntfy.sh: EventSource Example</title>
+ <meta name="robots" content="noindex, nofollow" />
+ <style>
+ body { font-size: 1.2em; line-height: 130%; }
+ #events { font-family: monospace; }
+ </style>
+</head>
+<body>
+<h1>ntfy.sh: EventSource Example</h1>
+<p>
+ This is an example showing how to use <a href="https://ntfy.sh">ntfy.sh</a> with
+ <a href="https://developer.mozilla.org/en-US/docs/Web/API/EventSource">EventSource</a>.<br/>
+ This example doesn't need a server. You can just save the HTML page and run it from anywhere.
+</p>
+<button id="publishButton">Send test notification</button>
+<p><b>Log:</b></p>
+<div id="events"></div>
+
+<script type="text/javascript">
+ const publishURL = `https://ntfy.sh/example`;
+ const subscribeURL = `https://ntfy.sh/example/sse`;
+ const events = document.getElementById('events');
+ const eventSource = new EventSource(subscribeURL);
+
+ // Publish button
+ document.getElementById("publishButton").onclick = () => {
+ fetch(publishURL, {
+ method: 'POST', // works with PUT as well, though that sends an OPTIONS request too!
+ body: `It is ${new Date().toString()}. This is a test.`
+ })
+ };
+
+ // Incoming events
+ eventSource.onopen = () => {
+ let event = document.createElement('div');
+ event.innerHTML = `EventSource connected to ${subscribeURL}`;
+ events.appendChild(event);
+ };
+ eventSource.onerror = (e) => {
+ let event = document.createElement('div');
+ event.innerHTML = `EventSource error: Failed to connect to ${subscribeURL}`;
+ events.appendChild(event);
+ };
+ eventSource.onmessage = (e) => {
+ let event = document.createElement('div');
+ event.innerHTML = e.data;
+ events.appendChild(event);
+ };
+</script>
+
+</body>
+</html>
diff --git a/server/index.gohtml b/server/index.gohtml
index 1c4ad20..a98ab62 100644
--- a/server/index.gohtml
+++ b/server/index.gohtml
@@ -38,7 +38,7 @@
<h1><img src="static/img/ntfy.png" alt="ntfy"/><br/>ntfy.sh | simple HTTP-based pub-sub</h1>
<p>
<b>Ntfy</b> (pronounce: <i>notify</i>) is a simple HTTP-based <a href="https://en.wikipedia.org/wiki/Publish%E2%80%93subscribe_pattern">pub-sub</a> notification service.
- It allows you to send notifications <a href="https://play.google.com/store/apps/details?id=io.heckel.ntfy">to your phone</a> or desktop via scripts from any computer,
+ It allows you to send notifications <a href="#subscribe-phone">to your phone</a> or desktop via scripts from any computer,
entirely <b>without signup or cost</b>. It's also <a href="https://github.com/binwiederhier/ntfy">open source</a> if you want to run your own.
</p>
@@ -53,9 +53,9 @@
</div>
<p>
- There are many ways to use Ntfy. You can send yourself messages for all sorts of things: When a long process finishes or fails (a backup, a long rsync job, ...),
+ There are many ways to use Ntfy. You can send yourself messages for all sorts of things: When a long process finishes or fails,
or to notify yourself when somebody logs into your server(s). Or you may want to use it in your own app to distribute messages to subscribed clients.
- Endless possibilities 😀. Be sure to check out the <a href="https://github.com/binwiederhier/ntfy/tree/main/examples">example on GitHub</a>!
+ Endless possibilities 😀. Be sure to check out the <a href="#examples">examples below</a>.
</p>
<h2 id="publish" class="anchor">Publishing messages</h2>
@@ -104,16 +104,21 @@
<audio id="notifySound" src="static/sound/mixkit-message-pop-alert-2354.mp3"></audio>
</div>
- <h3 id="android-app" class="anchor">Subscribe via Android App</h3>
+ <h3 id="subscribe-phone" class="anchor">Subscribe from your phone</h3>
<p>
You can use the <a href="https://play.google.com/store/apps/details?id=io.heckel.ntfy">Ntfy Android App</a>
to receive notifications directly on your phone. Just like the server, this app is also <a href="https://github.com/binwiederhier/ntfy-android">open source</a>.
+ Since I don't have an iPhone or a Mac, I didn't make an iOS app yet. I'd be awesome if <a href="https://github.com/binwiederhier/ntfy/issues/4">someone else could help out</a>.
+ </p>
+ <p>
+ <a href="https://play.google.com/store/apps/details?id=io.heckel.ntfy"><img src="static/img/badge-googleplay.png"></a>
+ <a href="https://github.com/binwiederhier/ntfy/issues/4"><img src="static/img/badge-appstore.png"></a>
</p>
<h3 id="subscribe-api" class="anchor">Subscribe via your app, or via the CLI</h3>
<p class="smallMarginBottom">
Using <a href="https://developer.mozilla.org/en-US/docs/Web/API/EventSource">EventSource</a> in JS, you can consume
- notifications like this (see <a href="https://github.com/binwiederhier/ntfy/tree/main/examples">full example</a>):
+ notifications like this (see <a href="example.html">live example</a>):
</p>
<code>
const eventSource = new EventSource('https://ntfy.sh/mytopic/sse');<br/>
@@ -149,19 +154,12 @@
<code>
$ curl -s ntfy.sh/mytopic/raw<br/>
<br/>
- This is a notification
- </code>
- <p class="smallMarginBottom">
- Here's an example of how to use this endpoint to send desktop notifications for every incoming message:
- </p>
- <code>
- while read msg; do<br/>
- [ -n "$msg" ] && notify-send "$msg"<br/>
- done < <(stdbuf -i0 -o0 curl -s ntfy.sh/mytopic/raw)
+ This is a notification<br/>
+ And another one with a smiley face 😀
</code>
<h2 id="other-features" class="anchor">Other features</h2>
- <h3 id="fetching-cached-messages" class="anchor">Fetching cached messages</h3>
+ <h3 id="fetching-cached-messages" class="anchor">Fetching cached messages (<tt>since=</tt>)</h3>
<p class="smallMarginBottom">
Messages are cached on disk for {{.CacheDuration}} to account for network interruptions of subscribers.
You can read back what you missed by using the <tt>since=</tt> query parameter. It takes either a
@@ -172,7 +170,7 @@
curl -s "ntfy.sh/mytopic/json?since=10m"
</code>
- <h3 id="polling" class="anchor">Fetching cached messages</h3>
+ <h3 id="polling" class="anchor">Polling (<tt>poll=1</tt>)</h3>
<p class="smallMarginBottom">
You can also just poll for messages if you don't like the long-standing connection using the <tt>poll=1</tt>
query parameter. The connection will end after all available messages have been read. This parameter can be
@@ -182,7 +180,7 @@
curl -s "ntfy.sh/mytopic/json?poll=1"
</code>
- <h3 id="multiple-topics" class="anchor">Subscribing to multiple topics</h3>
+ <h3 id="multiple-topics" class="anchor">Subscribing to multiple topics (<tt>topic1,topic2,...</tt>)</h3>
<p class="smallMarginBottom">
It's possible to subscribe to multiple topics in one HTTP call by providing a
comma-separated list of topics in the URL. This allows you to reduce the number of connections you have to maintain:
@@ -194,6 +192,65 @@
{"id":"Cm02DsxUHb","time":1637182643,"event":"message","topic":"mytopic2","message":"for topic 2"}
</code>
+ <h2 id="examples" class="anchor">Examples</h2>
+ <p>
+ There are a million ways to use Ntfy, but here are some inspirations. I try to collect
+ <a href="https://github.com/binwiederhier/ntfy/tree/main/examples">examples on GitHub</a>, so be sure to check
+ those out, too.
+ </p>
+
+ <h3 id="example-alerts" class="anchor">Example: A long process is done: backups, copying data, pipelines, ...</h3>
+ <p class="smallMarginBottom">
+ I started adding notifications pretty much all of my scripts. Typically, I just chain the <tt>curl</tt> call
+ directly to the command I'm running. The following example will either send <i>Laptop backup succeeded</i>
+ or âš ï¸ <i>Laptop backup failed</i> directly to my phone:
+ </p>
+ <code>
+ rsync -a root@laptop /backups/laptop \<br/>
+ && zfs snapshot ... \<br/>
+ && curl -d "Laptop backup succeeded" ntfy.sh/backups \<br/>
+ || echo -en "\u26A0\uFE0F Laptop backup failed" | curl -sT- ntfy.sh/backups
+ </code>
+
+ <h3 id="example-web" class="anchor">Example: Server-sent messages in your web app</h3>
+ <p>
+ Just as you can <a href="#subscribe-web">subscribe to topics in this Web UI</a>, you can use Ntfy in your own
+ web application. Check out the <a href="example.html">live example</a> or just look the source of this page.
+ </p>
+
+ <h3 id="example-notify-ssh" class="anchor">Example: Notify on SSH login</h3>
+ <p>
+ Years ago my home server was broken into. That shook me hard, so every time someone logs into any machine that I
+ own, I now message myself. Here's an example of how to use <a href="https://en.wikipedia.org/wiki/Linux_PAM">PAM</a>
+ to notify yourself on SSH login.
+ </p>
+ <p class="smallMarginBottom">
+ <b>/etc/pam.d/sshd</b> (at the end of the file):
+ </p>
+ <code>
+ session optional pam_exec.so /usr/local/bin/ntfy-ssh-login.sh
+ </code>
+ <p class="smallMarginBottom">
+ <b>/usr/local/bin/ntfy-ssh-login.sh</b>:
+ </p>
+ <code>
+ #!/bin/bash<br/>
+ if [ "${PAM_TYPE}" = "open_session" ]; then<br/>
+ echo -en "\u26A0\uFE0F SSH login: ${PAM_USER} from ${PAM_RHOST}" | curl -T- ntfy.sh/alerts<br/>
+ fi
+ </code>
+
+ <h3 id="example-collect-data" class="anchor">Example: Collect data from multiple machines</h3>
+ <p>
+ The other day I was running tasks on 20 servers and I wanted to collect the interim results
+ as a CSV in one place. Here's the script I wrote:
+ </p>
+ <code>
+ while read result; do<br/>
+ [ -n "$result" ] && echo "result" >> results.csv<br/>
+ done < <(stdbuf -i0 -o0 curl -s ntfy.sh/results/raw)
+ </code>
+
<h2 id="faq" class="anchor">FAQ</h2>
<p>
<b id="isnt-this-like" class="anchor">Isn't this like ...?</b><br/>
@@ -225,6 +282,13 @@
client network disruptions.
</p>
+ <p>
+ <b id="selfhosted" class="anchor">Can I self-host it?</b><br/>
+ Yes. The server (including this Web UI) can be self-hosted, and the Android app supports adding topics from
+ your own server as well. There are <a href="https://github.com/binwiederhier/ntfy#installation">install instructions</a>
+ on GitHub.
+ </p>
+
<p>
<b id="why-firebase" class="anchor">Why is Firebase used?</b><br/>
In addition to caching messages locally and delivering them to long-polling subscribers, all messages are also
@@ -232,7 +296,13 @@
is to facilitate instant notifications on Android.
</p>
- <h2 id="#privacy" class="anchor">Privacy policy</h2>
+ <p>
+ <b id="why-no-ios" class="anchor">Why is there no iOS app (yet)?</b><br/>
+ I don't have an iPhone or a Mac, so I didn't make an iOS app yet. I'd be awesome if
+ <a href="https://github.com/binwiederhier/ntfy/issues/4">someone else could help out</a>.
+ </p>
+
+ <h2 id="privacy" class="anchor">Privacy policy</h2>
<p>
Neither the server nor the app record any personal information, or share any of the messages and topics with
any outside service. All data is exclusively used to make the service function properly. The one exception
diff --git a/server/server.go b/server/server.go
index 71ab024..07b9973 100644
--- a/server/server.go
+++ b/server/server.go
@@ -88,6 +88,9 @@ var (
indexSource string
indexTemplate = template.Must(template.New("index").Parse(indexSource))
+ //go:embed "example.html"
+ exampleSource string
+
//go:embed static
webStaticFs embed.FS
@@ -188,6 +191,8 @@ func (s *Server) handle(w http.ResponseWriter, r *http.Request) {
func (s *Server) handleInternal(w http.ResponseWriter, r *http.Request) error {
if r.Method == http.MethodGet && (r.URL.Path == "/" || topicRegex.MatchString(r.URL.Path)) {
return s.handleHome(w, r)
+ } else if r.Method == http.MethodGet && r.URL.Path == "/example.html" {
+ return s.handleExample(w, r)
} else if r.Method == http.MethodHead && r.URL.Path == "/" {
return s.handleEmpty(w, r)
} else if r.Method == http.MethodGet && staticRegex.MatchString(r.URL.Path) {
@@ -217,6 +222,11 @@ func (s *Server) handleEmpty(w http.ResponseWriter, r *http.Request) error {
return nil
}
+func (s *Server) handleExample(w http.ResponseWriter, r *http.Request) error {
+ _, err := io.WriteString(w, exampleSource)
+ return err
+}
+
func (s *Server) handleStatic(w http.ResponseWriter, r *http.Request) error {
http.FileServer(http.FS(webStaticFs)).ServeHTTP(w, r)
return nil
diff --git a/server/static/css/app.css b/server/static/css/app.css
index 272263f..d7ce040 100644
--- a/server/static/css/app.css
+++ b/server/static/css/app.css
@@ -28,13 +28,13 @@ h1 {
}
h2 {
- margin-top: 20px;
+ margin-top: 30px;
margin-bottom: 5px;
font-size: 1.8em;
}
h3 {
- margin-top: 20px;
+ margin-top: 25px;
margin-bottom: 5px;
font-size: 1.3em;
}
diff --git a/server/static/img/badge-appstore.png b/server/static/img/badge-appstore.png
new file mode 100644
index 0000000000000000000000000000000000000000..0b4ce1c06dd4973b32c2ada5a2d6db3b044a29cd
GIT binary patch
literal 5922
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
Ef;P&bCjbBd
literal 0
HcmV?d00001
diff --git a/server/static/img/badge-googleplay.png b/server/static/img/badge-googleplay.png
new file mode 100644
index 0000000000000000000000000000000000000000..36036d8bdc64bdc8adf32905719fef19362fef67
GIT binary patch
literal 3812
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
ab}JoSS9!w3tD~s^0000<MNUMnLSTYwUqpWZ
literal 0
HcmV?d00001
diff --git a/server/static/js/app.js b/server/static/js/app.js
index f053053..11982f7 100644
--- a/server/static/js/app.js
+++ b/server/static/js/app.js
@@ -338,6 +338,7 @@ if (match) {
}
}
+// Add anchor links
document.querySelectorAll('.anchor').forEach((el) => {
if (el.hasAttribute('id')) {
const id = el.getAttribute('id');
--
GitLab