Aplikacje Noe

Czym są aplikacje Noe

Aplikacje Noe to interaktywne interfejsy webowe, które można tworzyć bezpośrednio w przeglądarce bez stawiania własnego backendu. Edytujesz kod w Intum, system kompiluje go w locie i serwuje gotową apkę pod własnym URL-em albo wstrzykuje na konkretną stronę systemu.

Trzy rodzaje aplikacji Noe

Aplikacje Noe mogą pełnić różne role - od samodzielnych narzędzi po małe rozszerzenia interfejsu Intum.

1. Samodzielne aplikacje

Klasyczne apki dostępne pod własnym adresem /a/:url_code - kalkulatory, dashboardy, mini-narzędzia, gry, formularze. Mogą być publiczne (bez logowania) albo dostępne tylko dla zalogowanych użytkowników konta.

Przykłady: kalkulator marży, generator haseł, prosty CRM dla wąskiego zespołu, gra na firmowy event.

2. Aplikacje integracyjne Intum

Gotowe aplikacje, które integrują Intum z zewnętrznymi serwisami - np. integracja z Fakturownią, KSeF, allegro, sklepami internetowymi czy API banków. Część z nich jest dostarczana przez Intum, część można zbudować samemu na bazie konektorów (Connect / InConnector).

Apka integracyjna zwykle pobiera dane z zewnętrznego API, prezentuje je w Intum, pozwala na akcje typu “importuj fakturę” albo “wyślij do JPK”. Często ma podpiętą bazę Noe (db_code) na cache i konfigurację.

3. Aplikacje wewnętrzne (osadzone w stronach Intum)

Małe skrypty, które wstrzykują się w konkretne strony systemu i zmieniają ich działanie albo dodają nowe funkcje - np. podświetlają maile od wybranego nadawcy w inboxie, dodają przyciski na karcie klienta, modyfikują listę zadań.

Decyduje o tym pole show_in_module w aplikacji. Pełny opis tego typu wraz z listą stron na które można się wpiąć: Aplikacje Noe Wewnętrzne.

Silniki renderowania

Do wyboru jest kilka silników:

• Svelte 5 - nowoczesny framework reaktywny, kompilowany na serwerze
• Vue 3 - popularny framework z Composition API
• React 19 - klasyczny React z JSX
• JavaScript - czysty JS, bez kompilacji, najszybsze wstrzyknięcie
• HTML - statyczny HTML z opcjonalnym CSS
• Kaboom / Phaser - silniki do gier 2D/3D

Do tego osobny wybór CSS: tailwind_all (CDN), tailwind (kompilowany, mniejszy rozmiar) albo none.

Funkcje

• Edytor kodu - wbudowany edytor z podświetlaniem składni
• Automatyczna kompilacja - kod kompiluje się przy zapisie
• Publikowanie - apka może być publiczna (bez logowania) albo prywatna
• Przyjazne URL-e - zamiast UUID możesz ustawić czytelny url_code (np. /a/kalkulator)
• Klonowanie - szybkie tworzenie kopii istniejącej aplikacji
• Baza danych Noe - opcjonalny db_code podpina apkę pod bazę dokumentową; wiele apek może współdzielić jedną bazę
• Prompt AI - możliwość dołączenia promptu systemowego do apki
• Akcje (Flow) - wywoływanie procesów Flow z poziomu frontendu apki
• Historia zmian - wersjonowanie kodu źródłowego z możliwością przywracania starszych wersji

Konkretny przykład apki wewnętrznej

Krok po kroku z gotowym kodem JS: Jak dodać własną apkę Noe podświetlającą maile od konkretnego nadawcy