No-code инструменты — это конструкторы, которые позволяют создавать полноценные приложения и digital-продукты без написания кода. Неудивительно, что они привлекают столько внимания и вызывают постоянные споры.

Мы не остаемся в стороне и следим за развитием платформ, изучая их возможности.

Подготовили обзор популярного no-code инструмента Bubble и сравнили его c AppMaster.io.

Bubble

Bubble — no-code платформа, которая позволяет разрабатывать веб-приложения. C Bubble можно строить логику приложений, создавать дизайн интерфейса, работать со встроенными базами данных и интегрировать готовые продукты со сторонними сервисами.

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

По словам создателей платформы, Bubble — это декларативный язык программирования на основе JSON для создания веб-приложений. Инструмент поддерживает внешние компоненты JavaScript и внутренние серверные компоненты, позволяя пользователю работать с бизнес-логикой и внешним видом приложений.

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

Платформа Bubble

AppMaster.io

AppMaster.io — no-code платформа, главным отличием которой является автоматическая кодогенерация со скоростью написания 22,000 строчек кода в секунду.

На AppMaster.io можно построить серверные, нативные мобильные и веб-приложения. В этом заключается основная разница между AppMaster.io и Bubble, который позволяет создавать только веб-приложения.

Функционал платформы включает все этапы разработки: от создания базы данных до публикации в продакшн и мониторинга работы приложений после публикации.

В отличие от Bubble, в AppMaster.io проект представляет совокупность базы данных, бизнес-логики и редакторов приложения, предоставляя доступ к публикации и мониторингу. В рамках одного проекта можно разработать несколько разных приложений.

О платформе AppMaster.io

Платформу выделяет: генерация бэкенда на языке Go, возможность строить базы данных, работающие на PostgreSQL, создание бизнес-процессов с использованием интуитивного drag & drop редактора, экспорт исходного кода для дальнейшей самостоятельной работы.

Главные отличия платформ

Давайте разберем платформы более детально, рассмотрев основные возможности инструментов: работа с базами данных и логикой приложений, интеграции со сторонними сервисами, создание и публикация приложения, тарифные планы

Работа с базами данных

Bubble

Bubble использует встроенную базу данных. Ее использование немного уступает в мощности сторонним БД SQL, но позволяет быстро включаться в работу.

БД в Bubble работает на основе типов данных — Data types, что является эквивалентом таблиц. Для каждого типа данных можно добавить кастомные поля.

Для работы с данными в боковом меню на панели управления есть вкладка Data. Здесь находится все для работы с данными. Можно создавать новые записи, работать с полями. Чтобы добавить поле, нужно ввести его название и указать тип данных для этого поля.

Также можно настроить правила для каждого типа и загрузить файлы.

Базы данных в Bubble

После того как вы создали необходимые типы данных, все их можно найти во вкладке App Data, где они представлены в виде таблиц. Там же можно создать новые записи.

При этом Bubble не использует стандартные связи БД, все связи настраиваются через типы.

AppMaster.io

В AppMaster.io базы данных представлены в несколько ином виде. На платформе есть Data Models Designer, где можно построить схему базы данных, создать модели данных, выстроить связи между ними и добавить поля.

Ключевое отличие БД в AppMaster.io — использование визуального дизайнера БД, где схемы выстраиваются из блоков со своим набором полей. Главное преимущество такого подхода — на схеме сразу видно все таблицы БД и связи между ними. Блоки можно свободно перемещать по рабочей области и выстраивать в нужном порядке. Чтобы связать модели между собой, нужно просто протянуть стрелку от одного блока к другому.

Базы данных в AppMaster.io

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

База данных в AppMaster.io

AppMaster.io использует стандартные для реляционных БД типы связей: один-к-одному, один-ко-многим, многие-ко-многим.

БД в AppMaster.io работает на PostgreSQL — гибкая и надежная СУБД с высокой производительностью, которая умеет создавать, хранить и извлекать сложные структуры данных.

Работа с логикой приложений

Bubble

Для работы с логикой приложения в Bubble есть раздел Workflow. Для запуска процесса необходимо выбрать событие (Event), которое в схеме обозначается ключевым словом When (например: “When User is logged in”). Далее для этого события необходимо выбрать действие, количество действий может быть неограниченным.

Бизнес процессы в Bubble

Все действия разделены на группы, среди которых действия, относящиеся к account, email, payment, custom events (API) и тд.

Бизнес процесс в Bubble

Каждое действие имеет свой набор параметров, настроить которые можно в отдельном окне. Поток действий в Bubble прямолинейный, здесь выстраивается четкая последовательность.

Бизнес процессы на платформе Bubble

AppMaster.io

В редакторе БП AppMaster.io можно строить более сложные бизнес-процессы, добавляя дополнительные условия и разветвления.

Схема бизнес-процессов строится из блоков, отвечающих за определенный функционал.Уже сейчас на платформе более 1000 блоков, которые выполняют не только единичные операции, но и полноценные бизнес-процессы.

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

Бизнес процессы на платформе AppMaster.io

По умолчанию в каждом БП создаются блоки Start & End. У каждого блока есть 2 типа коннекторов:

  • flow_connection — коннектор потока выполнения, описывает очередь блоков;
  • var_connection — коннектор переменных, описывает какую переменную откуда брать.

Все блоки легко перемещать и соединять между собой. C помощью AppMaster.io можно построить логику любой сложности и создать все: от чат-ботов до кастомных корпоративных сервисов.

Бизнес процессы в AppMaster.io

Дизайн 

Bubble

Bubble работает на технологии drag & drop. Во вкладке Design на левой панели расположены все компоненты, которые вы можете перетащить на страницу приложения. При клике на элемент появляется окно настроек для этого элемента, где можно настроить отображение, а также другие параметры. Позиция элемента задается вручную или через координаты.

Дизайнер в Bubble

При работе с Bubble упор делается на дизайн, а не на работу с базами данных или бизнес-логикой приложения. На платформе доступна большая библиотека готовых дизайн-темплейтов на разные тематики. Достаточно выбрать подходящий шаблон и вы сможете ускорить разработку в разы, адаптировав только некоторые элементы.

AppMaster.io

AppMaster.io также использует технологию drag & drop. На платформе есть отдельно редактор мобильных и веб-приложений. Если сравнивать именно редактор веб-приложений, то он состоит из нескольких рабочих зон:

  • блок Главного меню, где размещаются новые страницы, которые будут формировать панель навигации;
  • блок Компоненты приложения, где размещаются скрытые элементы для вызова их из любой части приложения — это могут быть модальные окна или вложенные страницы;
  • центральная зона рабочей области, которая предназначена для размещения содержимого и компонентов страницы.

Дизайнер в AppMaster.io

По сравнению с Bubble, упор в работе веб-дизайнера в AppMaster.io делается на работу с базами данных и построению сложной бизнес-логики. Для создания уникального дизайна приложения вы легко можете интегрировать бэкенд AppMaster.io с любым кастомным фронтендом.

Дизайнер веб-приложений предназначен для создания админ-панелей и одностраничных веб-приложений (SPA), например, клиентских порталов. Для админ-панелей AppMaster.io автоматически генерирует страницы приложений в соответствии с БД и обновляет список при каждом изменении схемы базы данных.

Интеграции и API

Bubble

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

API на платформе Bubble

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

Bubble поддерживает работу с внешним API и позволяет при помощи него подключать разные сервисы. Для работы с API есть специальный плагин API Connector. Модуль позволяет разработчикам подключаться к любому API через внешние запросы.

AppMaster.io

В AppMaster.io дополнительный функционал можно добавить, используя модули. Сейчас на платформе этот список меньше, чем в Bubble, но библиотека постоянно пополняется. Любой модуль в данный момент можно установить одним кликом совершенно бесплатно. Преимуществом является то, что все модули в каталоге поддерживаются разработчиками AppMaster.io и своевременно обновляются.

Модули на платформе AppMaster.io

AppMaster.io также предоставляет встроенный редактор запросов к внешним API, с которым можно расширять проекты, подключая разные сторонние сервисы с открытым API.

API на платформе AppMaster.io

Помимо модулей и редактора запросов к внешним API на платформе реализована работа с эндпоинтами. Все эндпоинты распределены по папкам в зависимости от данных, с которыми они работают.

Эндпоинты на платформе AppMaster.io

В дополнение к системным эндпоинтам вы можете создавать свои. AppMaster.io позволяет создавать несколько типов API-эндпоинтов:

  • API —  для обращения к бэкенду от веб-интерфейса и сторонних систем;
  • вебхуки — для приема уведомлений от сторонних систем;
  • веб-сокеты.

Для каждого из типов можно выбрать бизнес-процесс с нужными данными и настроить middleware.

Публикация приложений

Bubble

Bubble выполняет функцию хостинг-провайдера. Все приложения, созданные на платформе, размещаются на одном сервере. 

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

AppMaster.io

AppMaster.io предлагает несколько вариантов публикации — вы можете использовать AppMaster Cloud, любое стороннее облако (AWS, Azure, Google Cloud и др.) или персональный сервер. Мобильные приложения можно публиковать прямо в App Store и Google Play. Более того, вы можете создать несколько планов публикации: для разработки, пре-продакшна и продакшна. Доступность планов развертывания варьируется в зависимости от тарифного плана. Вы также можете экспортировать исходный код, если решите продолжить работу над приложением самостоятельно.

Легкость в использовании

Bubble

Bubble не самый простой инструмент no-code, во многом из-за большого количества функций. Разделы Workflow и Data могут потребовать больше внимания и времени на то, чтобы понять принцип их работы.

С дизайном все немного проще, drag & drop билдер значительно облегчает разработку интерфейса приложения. Добавлять компоненты просто и удобно при помощи перетаскивания. Однако для каждого элемента есть свой набор настроек, который может вызвать вопросы у неопытного пользователя.

Bubble предоставляет доступ к бесплатным ресурсам: crash-курс, видеоуроки, подробная документация.

AppMaster.io

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

Редактор бизнес-процессов — как раз один из тех компонентов платформы, работе с которым пользователи учатся дольше всего.

Для обычного пользователя, не знакомого с программированием, процесс работы с AppMaster.io покажется сложным. Технически подкованному пользователю потребуется намного меньше времени, чтобы начать работу.

AppMaster.io также предоставляет бесплатные ресурсы, среди которых детальная документация по каждому разделу, обучающие видео, crash-курс. Вы также можете присоединяться к сообществу разработчиков и пользователей платформы для обмена опытом.

Что можно построить

Bubble

Если посмотреть страницу Showcase на сайте Bubble, становится очевидно, что платформа позволяет строить совершенно разные приложения: онлайн-маркетплейсы, платформы для обучения, приложения для бронирования и доставки, внутренние системы для менеджмента. Чаще с помощью инструмента создают простые решения широкого пользования.

Приложения на платформе Bubble

Инструмент активно используется стартап-проектами, фрилансерами и опытными разработчиками, которые при помощи Bubble ускоряют и оптимизируют процесс создания приложений.

AppMaster.io

AppMaster.io в первую очередь рассчитан на бизнес-пользователей и сложные технические решения, требующие более мощных ресурсов. Платформа активно используется крупными предприятиями, которым необходимо внедрять кастомные решения для автоматизации и оптимизации рабочих процессов.

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

На платформе можно строить любые решения: чатботы, блокчейн, CRM-системы, нативные мобильные приложения по любым направлениям и даже системы для оптимизации производства по кастомным запросам. В разделе Success Stories вы можете найти примеры разработки сложных корпоративных систем на AppMaster.io. В их числе системы по автоматизации производства и чтению и распознаванию документов.

Приложения на платформе AppMaster.io

Стоимость

Bubble

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

Стоимость подписки начинается от $29 до $529 в месяц. На каждом плане список функций, к которым у вас есть доступ, увеличивается.

Стоимость подписки на Bubble

AppMaster.io

AppMaster.io также предлагает четыре плана подписки. У него нет бесплатного плана, но стартовый пакет стоит всего $5/месяц. Выбранный тарифный план можно расширить, подключив дополнительный функционал, без изменения самого тарифа.

Существует корпоративный план, по которому вы можете запросить индивидуальную цену в зависимости от функционала, предоставляемого в пакете.

Стоимость подписки на AppMaster.io

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

Заключение

В Bubble больше внимания уделено визуальной части приложения. В AppMaster.io упор сделан на функционал, для этого на платформе есть мощный редактор БП, встроенный редактор API запросов, возможность работы с эндпоинтами.

AppMaster.io предоставляет большую гибкость в работе с данными и логикой приложения за счет работы с блоками и интуитивно понятного визуального представления. Bubble тоже предоставляет возможность работать с данными и строить логику, но в меньшем масштабе.

Bubble позволяет строить только веб-приложения. Для создания нативных мобильных продуктов вам нужно будет воспользоваться сторонним сервисом. В AppMaster.io вы можете свободно создавать как веб-приложения, так и серверные, и нативные мобильные приложения на Swift UI и Kotlin с публикацией в App Store и Google Play.