Subskrypcje w panelu webowym¶

Subskrybuj tematy Notifer przez panel webowy pod adresem app.notifer.io.

Przegląd¶

Panel webowy Notifer oferuje pełnoprawny interfejs dla:

📬 Powiadomień w czasie rzeczywistym przez Server-Sent Events (SSE)
📋 Historii wiadomości z wyszukiwaniem i filtrowaniem
🔔 Powiadomień desktopowych (opcjonalne uprawnienie przeglądarki)
🎨 Wsparcie trybu ciemnego
📱 Responsywnego projektu mobilnego

Rozpoczęcie pracy¶

1. Zarejestruj się / Zaloguj¶

Rejestracja:

Email: twoj@email.com
Hasło: (silne hasło)

Logowanie: - Email + Hasło - Google OAuth (Zaloguj się przez Google)

2. Subskrybuj tematy¶

Subskrybuj publiczne tematy¶

Kliknij "Discover" w pasku bocznym
Przeglądaj dostępne publiczne tematy
Kliknij "Subscribe" przy dowolnym temacie
Temat pojawi się na liście "Subscribed"

Subskrybuj prywatne tematy¶

Metoda 1: Token dostępu do tematu

Uzyskaj token dostępu do tematu od właściciela tematu
Kliknij przycisk "Subscribe" (prawy górny róg)
Wprowadź nazwę tematu
Wprowadź token dostępu
Kliknij "Subscribe"

Metoda 2: Bezpośredni URL

Odwiedź: https://app.notifer.io/subscribe?topic=NAZWA_TEMATU&token=TOKEN_DOSTEPU

Temat zostanie automatycznie dodany do Twoich subskrypcji.

3. Wyświetl wiadomości¶

Kliknij na dowolny zasubskrybowany temat, aby zobaczyć:

Kanał w czasie rzeczywistym - Nowe wiadomości pojawiają się natychmiast
Historia wiadomości - Przewiń, aby załadować starsze wiadomości
Wyszukiwanie - Filtruj według tekstu, priorytetu, tagów
Sortowanie - Według czasu, priorytetu lub trafności

Sekcje panelu¶

Moje tematy¶

Lokalizacja: Pasek boczny → "My Topics"

Tematy, które posiadasz:

┌─────────────────────────────────────┐
│ 📁 Moje tematy (3)                  │
├─────────────────────────────────────┤
│ ⚙️ server-alerts        42 wiadomości│
│ 📊 analytics            15 wiadomości│
│ 🚀 deployments          8 wiadomości │
└─────────────────────────────────────┘

Akcje: - Kliknij, aby zobaczyć wiadomości - Kliknij ⚙️, aby edytować ustawienia - Kliknij 🗑️, aby usunąć temat

Zasubskrybowane tematy¶

Lokalizacja: Pasek boczny → "Subscribed"

Tematy, które subskrybujesz (posiadane przez innych):

┌─────────────────────────────────────┐
│ 🔔 Zasubskrybowane (2)              │
├─────────────────────────────────────┤
│ 🌐 public-announcements  120 wiad.  │
│ 👥 team-alerts           34 wiad.   │
└─────────────────────────────────────┘

Akcje: - Kliknij, aby zobaczyć wiadomości - Kliknij 🔕, aby anulować subskrypcję

Odkryj publiczne tematy¶

Lokalizacja: Pasek boczny → "Discover"

Przeglądaj publiczne tematy:

┌─────────────────────────────────────┐
│ 🔍 Szukaj: _________________        │
├─────────────────────────────────────┤
│ 🌍 weather-updates                  │
│    Globalne alerty pogodowe         │
│    [Subskrybuj]                     │
├─────────────────────────────────────┤
│ 📰 tech-news                        │
│    Najnowsze wiadomości tech        │
│    [Subskrybuj]                     │
└─────────────────────────────────────┘

Filtry: - Wyszukaj według nazwy lub opisu - Sortuj według: Najnowsze, Popularne, Najbardziej aktywne

Wyświetlanie wiadomości¶

Kanał wiadomości¶

┌─────────────────────────────────────────────────┐
│ 🚨 KRYTYCZNE: Baza danych nie działa  Priorytet 5│
│ Serwer prod-db-01 nie odpowiada                 │
│ Tagi: critical, database, production            │
│ 2025-11-22 10:30:45                             │
├─────────────────────────────────────────────────┤
│ ⚠️ Wysokie użycie pamięci            Priorytet 4│
│ Serwer prod-web-02: 92% użycia pamięci          │
│ Tagi: warning, memory, prod-web-02              │
│ 2025-11-22 10:15:22                             │
└─────────────────────────────────────────────────┘

Szczegóły wiadomości¶

Kliknij dowolną wiadomość, aby zobaczyć pełne szczegóły:

┌─────────────────────────────────────────────────┐
│ 🚨 KRYTYCZNE: Baza danych nie działa            │
│ Priorytet: 5 (Maks./Pilne)                     │
│ Tagi: critical, database, production            │
│ Opublikowano: 2025-11-22 10:30:45               │
│                                                 │
│ Wiadomość:                                      │
│ Serwer prod-db-01 nie odpowiada                 │
│                                                 │
│ **Status:** Wszystkie operacje zapisu nie działają│
│ **Wpływ:** Wysoki - dotyczy wszystkich użytkowników│
│                                                 │
│ **Wymagane działania:**                         │
│ 1. Uruchom ponownie główną bazę danych          │
│ 2. Przełącz na replikę jeśli potrzeba           │
│                                                 │
│ [Kopiuj link] [Oznacz jako przeczytane] [Usuń]  │
└─────────────────────────────────────────────────┘

Renderowanie Markdown: - Pogrubienie, kursywa, kod formatowanie - Linki są klikalne - Bloki kodu z podświetlaniem składni - Listy, tabele, cytaty

Aktualizacje w czasie rzeczywistym¶

Server-Sent Events (SSE)¶

Panel webowy używa SSE dla powiadomień w czasie rzeczywistym:

Wskaźnik statusu połączenia:

🟢 Połączono      - Otrzymywanie aktualizacji w czasie rzeczywistym
🟡 Łączenie       - Ustanawianie połączenia
🔴 Rozłączono     - Ponowne łączenie...

Automatyczne funkcje: - ✅ Auto-ponowne łączenie przy utracie połączenia - ✅ Wznowienie od ostatniej wiadomości (bez duplikatów) - ✅ Wydajne (pojedyncze połączenie dla wszystkich tematów) - ✅ Przyjazne dla baterii na laptopach

Powiadomienia desktopowe¶

Włącz powiadomienia przeglądarki, aby otrzymywać alerty nawet gdy zakładka panelu jest w tle:

Konfiguracja: 1. Kliknij ikonę 🔔 w górnej nawigacji 2. Przeglądarka poprosi o uprawnienie 3. Kliknij "Zezwól"

Przykład powiadomienia:

┌─────────────────────────────────┐
│ 🚨 server-alerts                │
│ KRYTYCZNE: Baza danych nie działa│
│ Serwer prod-db-01 nie...        │
│                                 │
│ Kliknij, aby zobaczyć szczegóły │
└─────────────────────────────────┘

Ustawienia powiadomień: - Wybierz, które tematy wyzwalają powiadomienia - Filtruj według priorytetu (np. tylko priorytet 4+) - Włącz/wyłącz dźwięk powiadomienia - Dostosuj czas trwania powiadomienia

Wyszukiwanie i filtrowanie¶

Wyszukiwanie tekstowe¶

Lokalizacja: Góra kanału wiadomości

🔍 Szukaj wiadomości...

Opcje wyszukiwania: - Treść wiadomości - Tytuł - Tagi

Przykład:

Szukaj: "database error"
→ Pokazuje wszystkie wiadomości zawierające "database error"

Filtruj według priorytetu¶

Priorytet: [Wszystkie] [5] [4] [3] [2] [1]

Kliknij plakietkę priorytetu, aby filtrować:

5 - Tylko pilne/krytyczne
4 - Wysoki priorytet i wyżej
3 - Domyślny i wyżej
Wszystkie - Pokaż wszystkie priorytety

Filtruj według tagów¶

Kliknij dowolny tag, aby filtrować wiadomości:

Tagi: [production] [staging] [development]

Logika filtrowania tagów: - Pojedynczy tag: Pokaż wiadomości z tym tagiem - Wiele tagów: Pokaż wiadomości z DOWOLNYM wybranym tagiem (LUB)

Wyczyść filtry: Kliknij ✕ na aktywnych chipach filtrów

Opcje sortowania¶

Sortuj według: [Najnowsze] [Najstarsze] [Priorytet] [Trafność]

Najnowsze: Najnowsze wiadomości pierwsze (domyślnie)
Najstarsze: Najstarsze wiadomości pierwsze
Priorytet: Najwyższy priorytet pierwszy
Trafność: Najlepsze dopasowanie dla zapytania wyszukiwania

Tworzenie tematów¶

Z panelu webowego¶

Kliknij przycisk "+ New Topic"
Wypełnij szczegóły:

┌─────────────────────────────────────┐
│ Utwórz nowy temat                   │
├─────────────────────────────────────┤
│ Nazwa:                              │
│ [my-server-alerts_______________]   │
│                                     │
│ Opis (opcjonalnie):                 │
│ [Monitorowanie serwera produkcyjnego]│
│                                     │
│ Poziom dostępu:                     │
│ ⚪ Publiczny  ⚫ Prywatny            │
│                                     │
│ Możliwość odkrycia:                 │
│ ☑ Pokaż na liście publicznych tematów│
│                                     │
│ [Anuluj]  [Utwórz temat]            │
└─────────────────────────────────────┘

Kliknij "Utwórz temat"

Zasady nazw tematów: - 3-50 znaków - Małe litery, liczby, łączniki - Musi zaczynać się od litery - Unikalne w całym Notifer

Ustawienia tematu¶

Edytuj ustawienia tematu po utworzeniu:

Dostęp: - Publiczny - Każdy może subskrybować i publikować - Prywatny - Wymaga uwierzytelnienia

Odkrycie: - Możliwe do odkrycia - Pojawia się na liście publicznych tematów - Ukryte - Dostępne tylko przez bezpośredni URL

Tokeny dostępu: - Utwórz tokeny dla usług zewnętrznych - Ustaw datę wygaśnięcia - Unieważnij w dowolnym momencie

Publikowanie wiadomości¶

Z panelu webowego¶

Otwórz temat
Kliknij przycisk "Publish"
Wypełnij formularz wiadomości:

┌─────────────────────────────────────┐
│ Opublikuj wiadomość                 │
├─────────────────────────────────────┤
│ Tytuł (opcjonalnie):                │
│ [Alert krytycznej bazy danych____]  │
│                                     │
│ Wiadomość:                          │
│ ┌─────────────────────────────────┐ │
│ │ Serwer prod-db-01 nie działa!   │ │
│ │                                 │ │
│ │ **Akcja:** Zbadaj ASAP          │ │
│ └─────────────────────────────────┘ │
│                                     │
│ Priorytet: [3 ▼]                    │
│ Tagi: [critical, database_______]   │
│                                     │
│ ☑ Użyj formatowania Markdown        │
│                                     │
│ [Podgląd] [Anuluj] [Opublikuj]      │
└─────────────────────────────────────┘

Kliknij "Opublikuj"

Funkcje: - Podgląd Markdown - Wybór priorytetu (1-5) - Wiele tagów (oddzielone przecinkami) - Licznik znaków (maks. 4 000)

Ustawienia konta¶

Ustawienia profilu¶

Lokalizacja: Kliknij ikonę profilu → "Settings"

┌─────────────────────────────────────┐
│ Profil                              │
├─────────────────────────────────────┤
│ Email: user@example.com             │
│ Imię: [Jan Kowalski______________]  │
│ Strefa czasowa: [Europe/Warsaw ▼]   │
│                                     │
│ [Zapisz zmiany]                     │
└─────────────────────────────────────┘

Preferencje powiadomień¶

┌─────────────────────────────────────┐
│ Powiadomienia                       │
├─────────────────────────────────────┤
│ Powiadomienia desktopowe:           │
│ ☑ Włącz powiadomienia desktopowe    │
│ ☑ Odtwarzaj dźwięk                  │
│                                     │
│ Minimalny priorytet:                │
│ ○ Wszystkie  ○ 3+  ⚫ 4+  ○ Tylko 5 │
│                                     │
│ [Zapisz zmiany]                     │
└─────────────────────────────────────┘

Klucze API¶

Lokalizacja: Ustawienia → "API Keys"

Zarządzaj kluczami API dla dostępu programowego:

┌─────────────────────────────────────┐
│ Klucze API                          │
├─────────────────────────────────────┤
│ 🔑 Serwer produkcyjny               │
│    Utworzono: 2025-11-20            │
│    Ostatnio użyty: 2 godziny temu   │
│    [Unieważnij]                     │
├─────────────────────────────────────┤
│ 🔑 Pipeline CI/CD                   │
│    Utworzono: 2025-11-15            │
│    Ostatnio użyty: 5 minut temu     │
│    [Unieważnij]                     │
├─────────────────────────────────────┤
│ [+ Utwórz nowy klucz API]           │
└─────────────────────────────────────┘

Utwórz klucz API: 1. Kliknij "+ Utwórz nowy klucz API" 2. Wprowadź nazwę/opis 3. Skopiuj i zapisz klucz (pokazywany tylko raz!) 4. Użyj w skryptach/integracjach

Plan subskrypcji¶

Lokalizacja: Ustawienia → "Subscription"

Zobacz i zarządzaj subskrypcją:

┌─────────────────────────────────────┐
│ Aktualny plan: ESSENTIALS           │
├─────────────────────────────────────┤
│ Wiadomości dzisiaj: 456 / 15 000    │
│ Prywatne tematy: 3 / 10             │
│                                     │
│ [Uaktualnij do TEAM] [Zarządzaj]    │
└─────────────────────────────────────┘

Plany: - FREE: 1 000 wiadomości/dzień, 1 prywatny temat, 5 subskrypcji - ESSENTIALS: 15 000 wiadomości/dzień, 10 prywatnych tematów, 25 subskrypcji - TEAM: 50 000 wiadomości/dzień, 50 prywatnych tematów, bez limitu subskrypcji

Tryb ciemny¶

Przełącznik: Kliknij ikonę 🌙/☀️ w górnej nawigacji

Funkcje: - Automatyczny na podstawie preferencji systemowych - Ręczne przełączanie - Zmniejszone zmęczenie oczu podczas pracy nocnej - Trwałe między sesjami

Skróty klawiszowe¶

Nawigacja¶

g + h - Przejdź do Głównej
g + t - Przejdź do Moich tematów
g + s - Przejdź do Zasubskrybowanych
g + d - Przejdź do Odkryj

Akcje¶

n - Nowy temat
p - Opublikuj wiadomość
/ - Skup się na wyszukiwaniu
Esc - Zamknij modal/wyczyść wyszukiwanie

Kanał wiadomości¶

j / ↓ - Następna wiadomość
k / ↑ - Poprzednia wiadomość
Enter - Otwórz szczegóły wiadomości
r - Oznacz jako przeczytane

Doświadczenie mobilne web¶

Panel webowy jest w pełni responsywny:

Layout mobilny¶

┌──────────────────┐
│ ☰  Notifer    🔔 │
├──────────────────┤
│ 📬 Moje tematy   │
│                  │
│ ⚙️ server-alerts │
│ 42 wiadomości    │
│                  │
│ 📊 analytics     │
│ 15 wiadomości    │
├──────────────────┤
│ [+ Nowy temat]   │
└──────────────────┘

Funkcje mobilne: - Menu hamburgera dla nawigacji - Gesty przesuwania (przesuń wiadomość, aby usunąć) - Przyciski zoptymalizowane pod dotyk - Sekcje zwijane - Dolny pasek nawigacji

Zalecenie: Dla najlepszego doświadczenia mobilnego używaj natywnej aplikacji iOS/Android z powiadomieniami push!

Dobre praktyki¶

1. Organizuj tematy¶

Według środowiska:

prod-alerts
staging-alerts
dev-logs

Według systemu:

api-monitoring
database-alerts
frontend-errors

Według zespołu:

team-engineering
team-sales
team-support

2. Używaj priorytetów mądrze¶

5 - Awarie produkcyjne, incydenty bezpieczeństwa
4 - Ostrzeżenia, nieudane zadania
3 - Ogólne aktualizacje, info
2 - Zadania w tle
1 - Logi debugowania

3. Taguj konsekwentnie¶

Utwórz schemat tagowania:

Środowiska: production, staging, dev
Usługi: api, database, frontend
Powaga: critical, warning, info

4. Filtruj powiadomienia¶

Ustaw minimalny priorytet dla powiadomień desktopowych:

Tematy robocze: Tylko priorytet 4+
Tematy osobiste: Wszystkie priorytety
Tematy debugowania: Wyłącz powiadomienia

5. Regularne porządki¶

Archiwizuj lub usuń stare tematy
Usuń nieużywane subskrypcje
Posprzątaj klucze API, których już nie używasz

Rozwiązywanie problemów¶

Brak aktualizacji w czasie rzeczywistym¶

Rozwiązania: 1. Sprawdź status połączenia (prawy górny róg) 2. Odśwież stronę (Ctrl/Cmd + R) 3. Sprawdź konsolę przeglądarki pod kątem błędów 4. Wyłącz blokery reklam (mogą blokować SSE) 5. Sprawdź ustawienia zapory/proxy

Powiadomienia desktopowe nie działają¶

Rozwiązania: 1. Sprawdź uprawnienia powiadomień przeglądarki 2. Zweryfikuj, że powiadomienia są włączone w ustawieniach tematu 3. Sprawdź ustawienia powiadomień systemowych (poziom OS) 4. Spróbuj innej przeglądarki

Wiadomości się nie ładują¶

Rozwiązania: 1. Sprawdź połączenie internetowe 2. Wyczyść pamięć podręczną przeglądarki 3. Sprawdź konsolę przeglądarki pod kątem błędów 4. Zweryfikuj uprawnienia dostępu do tematu

Niska wydajność¶

Rozwiązania: 1. Ogranicz wyświetlane wiadomości (auto-ładuje 50 na raz) 2. Zamknij nieużywane tematy 3. Wyczyść pamięć podręczną przeglądarki 4. Wyłącz powiadomienia desktopowe, jeśli nie są potrzebne

Prywatność i bezpieczeństwo¶

Przechowywanie danych¶

Wiadomości przechowywane przez 30 dni
Zaszyfrowane w tranzycie (HTTPS)
Zaszyfrowane w spoczynku (baza danych)

Bezpieczeństwo konta¶

Wymagane silne hasło (min. 8 znaków)
Uwierzytelnianie dwuskładnikowe (wkrótce)
Timeout sesji po 7 dniach
Zalecana rotacja kluczy API

Prywatność tematów¶

Tematy publiczne: Każdy może przeglądać i subskrybować
Tematy prywatne: Wymaga uwierzytelnienia
Tematy ukryte: Nie można znaleźć przez wyszukiwanie

Kompatybilność przeglądarek¶

Wspierane przeglądarki:

✅ Chrome 90+ (zalecane)
✅ Firefox 88+
✅ Safari 14+
✅ Edge 90+
⚠️ Internet Explorer: Nie wspierane

Progressive Web App (PWA): Zainstaluj jako aplikację desktopową (Chrome/Edge):

Kliknij ikonę instalacji na pasku adresu
Kliknij "Zainstaluj"
Aplikacja otwiera się w samodzielnym oknie
Działa offline (buforowana)

Następne kroki¶

Przewodnik aplikacji mobilnej - Zainstaluj aplikację iOS/Android z powiadomieniami push
Przewodnik SSE - Subskrybuj programowo przez SSE
Przewodnik publikowania - Wysyłaj wiadomości przez HTTP/API
Dokumentacja API - Kompletna dokumentacja API

Wskazówka: Zainstaluj aplikację web jako PWA dla natywnego doświadczenia aplikacji na komputerze!