Wprowadzenie

Moduł "Integracje" pozwala na łatwe łączenie interfejsów API i usług online za pomocą programowania wizualnego. Moduł oferuje przyjazny interfejs, w którym można przeciągać i łączyć bloki węzłów, tworząc logikę swoich aplikacji wizualnie. Ułatwia to rozwój, czyniąc go dostępnym nawet dla tych, którzy nie są profesjonalnymi programistami, i znacznie przyspiesza proces integracji różnych systemów:

Kluczowe elementy interfejsu modułu Integracje

Zanim zaczniesz tworzyć swoje pierwsze przepływy i integracje, przyjrzyjmy się interfejsowi. Zrozumienie, jak są zbudowane główne elementy, uprości twoją pracę i pomoże szybciej się przyzwyczaić.

1. Lewy panel z węzłami

Lewy panel to miejsce, w którym znajdziesz wszystkie dostępne węzły. To są elementy, z których zbudujesz swoje przepływy danych.

Aby użyć węzła, wystarczy przeciągnąć go na obszar roboczy. Wszystkie węzły mają swoje specyficzne przeznaczenie i mogą być konfigurowane indywidualnie.

Przykłady węzłów:

• Inject: pozwala ręcznie wysyłać dane do przepływu.
• Debug: wyprowadza dane i komunikaty do menu debugowania.
• Function: pozwala pisać niestandardowy kod w JavaScript.
• Template: używany do tworzenia szablonów tekstowych lub HTML.

2. Karty

Karty znajdują się nad obszarem roboczym i pozwalają przełączać się między różnymi projektami lub przepływami danych. To jest wygodne, jeśli pracujesz nad wieloma integracjami jednocześnie lub chcesz oddzielić logikę na kilka przepływów.

• Tworzenie nowych kart: Możesz dodać nową kartę, klikając przycisk plus +. Każda nowa karta reprezentuje oddzielny przepływ danych, co pomaga lepiej zorganizować twój projekt.
• Zmiana nazwy kart: Aby zmienić nazwę karty, kliknij dwukrotnie jej nazwę i wprowadź nową nazwę. To jest szczególnie przydatne, jeśli masz wiele kart i chcesz jasno zrozumieć, co każda z nich zawiera.
• Usuwanie kart: Możesz usunąć kartę, jeśli już jej nie potrzebujesz. Jednak bądź ostrożny, aby nie stracić ważnych danych.

Przykład: Jeśli pracujesz nad integracją płatności, możesz stworzyć oddzielne karty dla każdej usługi.

3. Obszar roboczy

Obszar roboczy to centralna część interfejsu, w której budujesz i edytujesz swoje przepływy danych.

• Umieszczanie węzłów: Po przeciągnięciu węzła z lewego panelu, pojawi się on w obszarze roboczym. Tutaj możesz go przesuwać, łączyć z innymi węzłami i tworzyć logikę swojego przepływu.
• Łączenie węzłów: Aby połączyć węzły, wystarczy przeciągnąć linię z wyjścia jednego węzła do wejścia innego. W ten sposób dane będą przekazywane przez przepływ z jednego węzła do drugiego.
• Zarządzanie przepływami: Obszar roboczy pozwala na tworzenie wielu przepływów danych, co pomaga w organizacji złożonych integracji i logiki.

Wskazówka: Możesz powiększać i pomniejszać obszar roboczy za pomocą myszy lub gładzika, aby zobaczyć wszystkie szczegóły swojego przepływu.

4. Formularz edycji węzła

Gdy dwukrotnie klikniesz na węzeł w obszarze roboczym, otworzy się formularz edycji węzła. To okno, w którym konfigurujesz zachowanie węzła.

• Pola ustawień: Każdy węzeł ma swoje parametry, które możesz edytować. Na przykład w węźle Function możesz pisać i edytować kod.
• Zapisywanie zmian: Po edytowaniu węzła kliknij przycisk Submit, aby zapisać zmiany.

Przykład: W węźle Function możesz napisać kod JavaScript, który przekształca dane. W węźle Template możesz stworzyć szablon, który dynamicznie wstawia dane.

5. Panel debugowania

Panel debugowania znajduje się po prawej stronie i służy do wyświetlania danych wyjściowych i komunikatów z węzła Debug.

• Wyświetlanie komunikatów: Gdy uruchomisz przepływ danych, węzeł Debug wysyła komunikaty do menu debugowania. To pomaga zobaczyć, co się dzieje w twoim przepływie i sprawdzić poprawność danych.
• Filtrowanie komunikatów: Możesz filtrować komunikaty, aby zobaczyć tylko te dane, których potrzebujesz. To jest wygodne, gdy masz dużo wyjścia z różnych węzłów Debug.
• Czyszczenie okna debugowania: Użyj przycisku czyszczenia, aby usunąć stare komunikaty i skupić się na nowych danych.

Przykład: Jeśli używasz węzła Function do wykonywania obliczeń, dodaj węzeł Debug na końcu przepływu, aby sprawdzić, czy twój kod przetwarza dane poprawnie.

6. Przycisk sterujący

Przycisk pełnoekranowy

• Ten przycisk pozwala na rozszerzenie interfejsu modułu Integracje na pełny ekran, co jest przydatne podczas pracy nad złożonymi przepływami danych lub podczas prezentacji projektu na dużym monitorze.
• Klikając ten przycisk, zyskasz więcej miejsca na edytowanie i lepiej zobaczysz wszystkie szczegóły swoich przepływów.

Przycisk publikacji

• To główny przycisk, który zapisuje i wdraża wszystkie zmiany wprowadzone w twoich przepływach danych, czyniąc je aktywnymi. Po dodaniu lub modyfikacji węzłów, upewnij się, że klikniesz ten przycisk, aby twoje ustawienia zaczęły obowiązywać.