На грани no-code: как я интегрирую сложные сервисы в конструкторы сайтов на примере Tilda

#nocode #интеграция #конструктор_сайтов #тильда #tilda

Привет, меня зовут Алексей и я уже достаточно долгое время занимаюсь фулстек веб-разработкой. Это значит, что помимо создания интерфейса для сайтов я также реализую бизнес логику, которая находится, можно так сказать, «за кулисами» — на сервере.

Последнее время я чаще использую no-code или low-code решения для проверки гипотез или при доработке проектов клиентов, которые ко мне обращаются.

С точки зрения бизнеса выигрыш при использовании no-code инструментов очевиден: не нужно тратить ресурсы на долгий цикл разработки с нуля, а после разработки нет необходимости администрировать собственное решение.

Существуют разные виды инструментов в зависимости от задачи, которую они решают:

Конструкторы сайтов

Webflow, Wix, Tilda и т.п. — все это конструкторы, которые позволяют создать сайт без программирования.

Сейчас я чаще всего пользуюсь конструктором сайтов Tilda, поэтому далее буду приводить примеры с ним.

На мой взгляд это уникальный конструктор в частности из-за своего подхода к верстке. Очень часто конструкторы сайтов (например Webflow) отражают в интерфейсе процесс верстки примерно также, как если бы сайт создавался с помощью кода. Разница лишь в том, что редактирование происходит через графический интерфейс.

Важным отличием Tilda на мой взгляд является конструктор нулевых блоков (Zero-block). В них можно располагать элементы произвольно, не учитывая четкую структуру расположения элементов на странице.

И хотя здесь можно поспорить насчет правильности такого подхода, он однозначно дает свободу графическим дизайнерам выражаться более творчески, пусть и в ущерб красоте кода «под капотом».

Как видно, no-code инструменты для одной и той же цели (например, создание сайта) могут значительно отличаться своим подходом к достижению этой цели. Какие-то инструменты дают больше настроек, а другие, наоборот, пытаются максимально упростить процесс работы.

Однако ключевой особенностью любого no-code инструмента является наличие интеграций со сторонними сервисами, такими как:

Конечно в Tilda, как и в любом другом конструкторе подобные интеграции есть. Однако в это же время ахиллесовой пятой всех no-code платформ является то, что их функционал ограничен этими готовыми интеграциями.

На помощь приходят вебхуки — сигналы, которые no-code инструмент может отправлять когда происходит какое-либо событие. Часто это отправка формы (новый лид), создание заказа и т.п.

При наступлении определенного события no-code инструмент может отправить сигнал в другой сервис, который сможет обработать это событие и что-то сделать с полученными данными.

Платформы для автоматизации процессов

Популярные no-code сервисы для автоматизации: Zapier, IFTTT, Make и многие другие — их действительно много.

Подобные сервисы представляют собой набор готовых интеграций, часто порядка десятков или даже сотен сервисов, таких как Google Sheets, Airtable, Twilio, Telegram и более общих протоколов, таких как HTTP, получение E-Mail или вебхуки.

Эти сервисы получают на вход сигнал (например, о том, что была отправка формы) и далее обрабатывают его по заданному правилу. Сигнал может проходить несколько блоков друг за другом последовательно. Также обычно можно задать правила для разветвления сигнала.

Важно отметить то, что такие сервисы позволяют настроить цепочку на прием и передачу сигнала, но они не позволяют производить сложную обработку сигнала, для которого требуется уникальная логика обработки.

И хотя подобные сервисы имеют возможность запускать собственный код, зачастую это очень неудобно.

У Zapier дела обстоят немного лучше — у них есть возможность выполнять собственный JavaScript код из коробки и они даже подсвечивают синтаксис. Однако даже в этом случае среда выполнения очень ограничена по сравнению с собственной программой. Поэтому создать уникальную интеграцию с помощью кода может быть затруднительно.

Отсюда можно сделать (логичный) вывод, что данные инструменты не подходят для случаев, когда нужно создать уникальную интеграцию с сервисом, которого нет на данной платформе.

Получается единственный выход — это на каждый чих поднимать собственный сервер, устанавливать на него софт, заходить по SSH и в последствии администрировать его...?

На самом деле для таких вещей сейчас есть еще один вариант — это облачные функции. Возможно вы слышали про AWS, Google Cloud, Azure Cloud, Yandex Cloud. Это облачные провайдеры, которые предоставляют инфрастуктуру для вычислений как сервис (Infrastructure as a Service / IaaS). То есть вы можете арендовать вычислительные мощности и запускать на них все, что угодно.

С недавнего времени появилась новая парадигма — serverless. Это когда вы загружаете собственный код в виде небольшого файла (облачной функции) на платформу и платите только за количество выполнений. Вам не нужно думать об аренде и администрировании серверов, просто загружаете код и все!

Звучит круто, в чем подвох?

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

Все это вместе с неочевидными подводными камнями serverless подхода выливается в то, что на практике это примерно то же самое, что арендовать сервер. Только теперь вам еще нужно будет объяснять клиенту в каком магическом облаке будет жить его приложение (облачные фукнции как правило распределены сразу по множеству дата-центов).

Поэтому сейчас пока что я остановился на том, что для интеграций своих клиентов поднимаю самый дешевый виртуальный сервер и устанавливаю свою интеграцию на него. После этого уже подключаю no-code решение к этому серверу. Благодаря этому у меня остается высокая гибкость вместе с преимуществами no-code инструментов.

Буду рад услышать ваше мнение: какими no-code инструментами вы пользуетесь, какие задачи решаете с их помощью и как справляетесь с интеграцией сервисов, которых нет в виде готовых блоков?

Также приглашаю вас в свой блог «Код без тайн», где я пишу о веб-разработке, информатике и технологиях, которые меня вдохновляют.