Как Bask + VS Code упрощают создание плагинов для Bubble

С 2016 года количество плагинов для Bubble только росло. На сегодняшний день их уже более 5000. Сегодня расскажем, как и с помощью чего можно упростить создание плагинов для Bubble!

Зачем нужны плагины

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

Но плагины делают Bubble более расширяемой, универсальной и гибкой платформой. Например, если пользователи захотят добавить в свое приложение JavaScript, они могут воспользоваться плагином Toolbox.

Поскольку Bubble не является IDE (интегрированной средой разработки), многие разработчики плагинов используют сторонние инструменты, такие как Visual Studio Code (VS Code). Проблема в том, что переключение между платформами тормозит рабочий процесс и может быть довольно сложным.

Именно здесь на помощь приходит Баск.

ОНЛАЙН-ПРАКТИКУМ

КАК «ХАКНУТЬ» PYTHON С ПОМОЩЬЮ CHATGPT

ЧТО БУДЕТ НА ОБУЧЕНИИ?

• Прямо в эфире решим типичные задачи программиста только с помощью ChatGPT
• Возможности Python — расскажем что можно делать и сколько на этом зарабатывать?
• Что ждет рынок программирования и почему мы решили сюда пойти

Участвовать бесплатно

Что такое Bask

Bask — это новый инструмент для пользователей VS Code, который помогает оптимизировать разработку плагинов Bubble, ускоряя создание, объединение и их публикацию.

Почему его нужно использовать

VS Code не передает в Bubble действия на стороне сервера, действия на стороне клиента или правки визуальных элементов. Разработчикам приходится синхронизировать код вручную с помощью git или копировать и вставлять его между своей IDE и редактором Bubble.

Bask — это расширение VS Code, которое делает этот процесс более плавным, позволяя:

• редактировать и отлаживать плагины в своих тестовых приложениях (это происходит в режиме реального времени из VS Code)
• работать из любой ветки git (не только из «главной») и сохранять версии плагина без необходимости публикации
• выпускать новую версию плагина и помечать ее в git, чтобы репозиторий оставался синхронизированным при публикации
• обеспечивать разделение исходных и дистрибутивных файлов, дабы упаковывать исполняемые SSA, CSA или визуальные элементы
• упрощать навигацию по файлам плагинов за счет присвоения им имен
• разблокировать трешеринг и использовать модули ES6, ускоряя работу некоторых SSA

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

1. Нажмите «Установить» на странице Bask VS Code Marketplace или выполните поиск по фразе «Bask» на вкладке «Расширения VS Code».
2. Затем запустите команду Bask Pull, чтобы загрузить свой первый плагин в VS Code. Новым пользователям будет предложено ввести ключ API, который можно приобрести здесь (они предлагают 14-дневную бесплатную пробную версию).
3. После регистрации Bask попросит ввести учетные данные Bubble, которые должны храниться на вашем устройстве. Они и позволят Баску выполнять все основные функции.
4. Вот и все! Просто отредактируйте свой плагин в VS Code, сохраните файлы и наблюдайте за его обновлением в Bubble.