Введение
Модуль "Integrations" позволяет позволяет легко объединять API и онлайн-сервисы с помощью визуального программирования. Модуль предоставляет удобный интерфейс, где вы можете перетаскивать и соединять блоки-ноды, создавая логику ваших приложений визуально. Это упрощает разработку, делая её доступной даже для тех, кто не является профессиональным программистом, и значительно ускоряет процесс интеграции различных систем:
Основные элементы интерфейса модуля Integrations
Перед тем как начать создавать свои первые потоки и интеграции, давайте разберемся с интерфейсом. Понимание того, как устроены основные элементы, упростит работу и поможет быстрее освоиться.
1. Левая панель с нодами
Левая панель — это место, где вы найдете все доступные ноды. Это элементы, из которых вы будете строить свои потоки данных.
Чтобы использовать ноду, просто перетащите её на рабочую область. Все ноды имеют свое назначение и настраиваются индивидуально.
Пример нод:
- Inject: позволяет отправлять данные в поток вручную.
- Debug: выводит данные и сообщения в меню отладки.
- Function: даёт возможность писать пользовательский код на JavaScript.
- Template: используется для создания текстовых ил и HTML-шаблонов.
2. Табы
Табы расположены над рабочей областью и позволяют вам переключаться между разными проектами или потоками данных. Это удобно, если вы работаете над несколькими интеграциями одновременно или хотите разделить логику на несколько потоков.
- Создание Новых Табов: Вы можете добавить новый таб, щелкнув по кнопке с плюсом
+
. Каждый новый таб представляет собой отдельный поток данных, что помогает вам лучше организовывать проект. - Переименование Табов: Чтобы переименовать таб, дважды щелкните по его названию и введите новое имя. Это особенно полезно, если у вас много вкладок, и вы хотите чётко понимать, что в каждой из них.
- Удаление Табов: Вы можете удалить таб, если он вам больше не нужен. Однако будьте осторожны, чтобы не потерять важные данные.
Пример: Если вы работаете над интеграцией платежей, вы можете создать отдельные табы для каждого сервиса.
3. Рабочая Область
Рабочая область — это центральная часть интерфейса, где вы строите и редактируете свои потоки данных.
- Размещение Нод: После того как вы перетащите ноду из левой панели, она появится в рабочей области. Здесь вы можете перемещать её, соединять с другими нодами и создавать логику вашего потока.
- Соединение Нод: Чтобы соединить ноды, просто перетащите линию от выхода одной ноды к входу другой. Таким образом данные будут передаваться по потоку от одной ноды к другой.
- Управление Потоками: Рабочая область позволяет создавать несколько потоков данных, что помогает организовывать сложные интеграции и логику.
Совет: Вы можете зумировать рабочую область с помощью мыши или сенсорной панели, чтобы увидеть все детали вашего потока.
4. Форма редактирования ноды
Когда вы дважды щелкаете на ноду в рабочей области, открывается форма редактирования ноды. Это окно, в котором вы настраиваете поведение ноды.
- Поля Настроек: У каждой ноды свои параметры, которые вы можете редактировать. Например, у
Function
ноды можно писать и редактировать код. - Сохранение Изменений: После редактирования ноды нажмите кнопку
Submit
, чтобы сохранить изменения.
Пример: В
Function
ноде вы можете написать код на JavaScript, который преобразует данные. ВTemplate
ноде вы можете создать шаблон, который динамически подставляет данные.
5. Панель отладки
Панель отладки находится справа и используется для просмотра выходных данных и сообщений от Debug
ноды.
- Просмотр Сообщений: Когда вы запускаете поток данных,
Debug
нода отправляет сообщения в меню Debug. Это помогает вам видеть, что происходит в вашем потоке и проверять правильность данных. - Фильтрация Сообщений: Вы можете фильтровать сообщения, чтобы видеть только те данные, которые вам нужны. Это удобно, когда у вас есть много выходных данных от разных
Debug
нод. - Очистка Окна Debug: Используйте кнопку очистки, чтобы удалить старые сообщения и сосредоточиться на новых данных.
Пример: Если вы используете
Function
ноду для выполнения вычислений, добавьтеDebug
ноду в конце потока, чтобы проверить, правильно ли ваш код обрабатывает данные.