Вступ

Модуль "Інтеграції" дозволяє легко поєднувати API та онлайн-сервіси через візуальне програмування. Модуль надає зручний інтерфейс, де ви можете перетягувати та з'єднувати блоки вузлів, створюючи логіку ваших додатків візуально. Це спрощує розробку, роблячи її доступною навіть для тих, хто не є професійними програмістами, і значно прискорює процес інтеграції різних систем:

Ключові елементи інтерфейсу модуля інтеграцій

Перед тим, як почати створювати свої перші потоки та інтеграції, давайте розглянемо інтерфейс. Розуміння структури основних елементів спростить вашу роботу та допоможе швидше звикнути.

1. Ліва панель з вузлами

Ліва панель - це місце, де ви знайдете всі доступні вузли. Це елементи, з яких ви будете будувати свої потоки даних.

Щоб використовувати вузол, просто перетягніть його на робоче місце. Усі вузли мають свої специфічні призначення і можуть бути налаштовані індивідуально.

Приклади вузлів:

• Inject: дозволяє вручну відправляти дані в потік.
• Debug: виводить дані та повідомлення в меню налагодження.
• Function: дозволяє писати власний код на JavaScript.
• Template: використовується для створення текстових або HTML шаблонів.

2. Вкладки

Вкладки розташовані над робочим місцем і дозволяють вам перемикатися між різними проектами або потоками даних. Це зручно, якщо ви працюєте над кількома інтеграціями одночасно або хочете розділити логіку на кілька потоків.

• Створення нових вкладок: Ви можете додати нову вкладку, натиснувши кнопку плюс +. Кожна нова вкладка представляє окремий потік даних, що допомагає краще організувати ваш проект.
• Перейменування вкладок: Щоб перейменувати вкладку, двічі клацніть на її назві та введіть нову назву. Це особливо корисно, якщо у вас багато вкладок і ви хочете чітко розуміти, що містить кожна з них.
• Видалення вкладок: Ви можете видалити вкладку, якщо вона більше не потрібна. Однак будьте обережні, щоб не втратити важливі дані.

Приклад: Якщо ви працюєте над інтеграцією платежів, ви можете створити окремі вкладки для кожного сервісу.

3. Робоче місце

Робоче місце - це центральна частина інтерфейсу, де ви будуєте та редагуєте свої потоки даних.

• Розміщення вузлів: Після того, як ви перетягнете вузол з лівої панелі, він з'явиться в робочому місці. Тут ви можете перемістити його, з'єднати з іншими вузлами та створити логіку вашого потоку.
• З'єднання вузлів: Щоб з'єднати вузли, просто перетягніть лінію з виходу одного вузла на вхід іншого. Таким чином, дані будуть передаватися через потік з одного вузла на інший.
• Управління потоками: Робоче місце дозволяє створювати кілька потоків даних, що допомагає організувати складні інтеграції та логіку.

Порада: Ви можете збільшувати та зменшувати масштаб робочого місця за допомогою миші або сенсорної панелі, щоб побачити всі деталі вашого потоку.

4. Форма редагування вузла

Коли ви двічі клацнете на вузлі в робочому місці, відкривається форма редагування вузла. Це вікно, в якому ви налаштовуєте поведінку вузла.

• Поля налаштувань: Кожен вузол має свої параметри, які ви можете редагувати. Наприклад, у вузлі Function ви можете писати та редагувати код.
• Збереження змін: Після редагування вузла натисніть кнопку Submit, щоб зберегти зміни.

Приклад: У вузлі Function ви можете написати код JavaScript, який перетворює дані. У вузлі Template ви можете створити шаблон, який динамічно вставляє дані.

5. Панель налагодження

Панель налагодження розташована праворуч і використовується для перегляду вихідних даних та повідомлень з вузла Debug.

• Перегляд повідомлень: Коли ви запускаєте потік даних, вузол Debug надсилає повідомлення в меню налагодження. Це допомагає вам бачити, що відбувається у вашому потоці, і перевіряти правильність даних.
• Фільтрація повідомлень: Ви можете фільтрувати повідомлення, щоб бачити лише ті дані, які вам потрібні. Це зручно, коли у вас багато виходу з різних вузлів Debug.
• Очищення вікна налагодження: Використовуйте кнопку очищення, щоб видалити старі повідомлення та зосередитися на нових даних.

Приклад: Якщо ви використовуєте вузол Function для виконання обчислень, додайте вузол Debug в кінці потоку, щоб перевірити, чи правильно ваш код обробляє дані.

6. Кнопки управління

Кнопка повноекранного режиму

• Ця кнопка дозволяє розгорнути інтерфейс модуля інтеграцій на весь екран, що корисно при роботі над складними потоками даних або при демонстрації проекту на великому моніторі.
• Натиснувши цю кнопку, ви отримаєте більше місця для редагування та зможете краще бачити всі деталі ваших потоків.

Кнопка публікації

• Це основна кнопка, яка зберігає та розгортає всі зміни, внесені у ваші потоки даних, роблячи їх активними. Після того, як ви додали або змінили вузли, обов'язково натисніть цю кнопку, щоб ваші налаштування набрали чинності.