Przejdź do głównej zawartości

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​

Odwiedź: https://app.notifer.io

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​

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

Subskrybuj prywatne tematy​

Metoda 1: Token dostępu do tematu

  1. Uzyskaj token dostępu do tematu od właściciela tematu
  2. Kliknij przycisk "Subscribe" (prawy górny róg)
  3. Wprowadź nazwę tematu
  4. Wprowadź token dostępu
  5. 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 1│
│ Serwer prod-db-01 nie odpowiada                 │
│ Tagi: critical, database, production            │
│ 2025-11-22 10:30:45                             │
├─────────────────────────────────────────────────┤
│ ⚠️ Wysokie użycie pamięci            Priorytet 2│
│ 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: 1 (P1/Krytyczny)                    │
│ 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. Kliknij ikonę 🔔 w nawigacji, przyznaj uprawnienia przeglądarki i gotowe.

Dowiedz się więcej

Szczegółowa konfiguracja powiadomień desktopowych, filtrowania i dźwięków -- zobacz Przewodnik powiadomień.

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] [1] [2] [3] [4] [5]

Kliknij plakietkę priorytetu, aby filtrować:

  • 1 - Tylko krytyczne (P1)
  • 2 - Wysoki priorytet i wyżej (P1-P2)
  • 3 - Średni i wyżej (P1-P3)
  • 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​

  1. Kliknij przycisk "+ New Topic"
  2. 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]            │
└─────────────────────────────────────┘
  1. 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​

  1. Otwórz temat
  2. Kliknij przycisk "Publish"
  3. 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]      │
└─────────────────────────────────────┘
  1. 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ń​

Skonfiguruj powiadomienia desktopowe, minimalny priorytet i dźwięki w ustawieniach konta.

Dowiedz się więcej

Pełna konfiguracja preferencji powiadomień -- zobacz Przewodnik powiadomień.

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ń, 25 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​

  • 1 - Awarie produkcyjne, incydenty bezpieczeństwa (Krytyczny)
  • 2 - Ostrzeżenia, nieudane zadania (Wysoki)
  • 3 - Ogólne aktualizacje, info (Średni)
  • 4 - Zadania w tle (Niski)
  • 5 - Logi debugowania (Informacyjny)

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 P2+
  • 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):

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

Następne kroki​

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