Содержание
Как Bask + VS Code упрощают создание плагинов для Bubble
Черновик готовит редакция с помощью ИИ. За стандарт издания отвечает главный редактор — Валерий Курземнек.
С 2016 года количество плагинов для Bubble только росло. На сегодняшний день их уже более 5000. Сегодня расскажем, как и с помощью чего можно упростить создание плагинов для Bubble!
Зачем нужны плагины
Для создания приложений в Bubble не нужно знать код — можно собирать и масштабировать проекты с помощью полностью визуального интерфейса. Он позволяет перетаскивать и собирать вместе фронт-энд, бэк-энд и даже API.
Но плагины делают Bubble более расширяемой, универсальной и гибкой платформой. Например, если пользователи захотят добавить в свое приложение JavaScript, они могут воспользоваться плагином Toolbox.
Поскольку Bubble не является IDE (интегрированной средой разработки), многие разработчики плагинов используют сторонние инструменты, такие как Visual Studio Code (VS Code). Проблема в том, что переключение между платформами тормозит рабочий процесс и может быть довольно сложным.
Именно здесь на помощь приходит Баск.
Что такое Bask
Bask — это новый инструмент для пользователей VS Code, который помогает оптимизировать разработку плагинов Bubble, ускоряя создание, объединение и их публикацию.
Почему его нужно использовать
VS Code не передает в Bubble действия на стороне сервера, действия на стороне клиента или правки визуальных элементов. Разработчикам приходится синхронизировать код вручную с помощью git или копировать и вставлять его между своей IDE и редактором Bubble.
Bask — это расширение VS Code, которое делает этот процесс более плавным, позволяя:
- редактировать и отлаживать плагины в своих тестовых приложениях (это происходит в режиме реального времени из VS Code)
- работать из любой ветки git (не только из «главной») и сохранять версии плагина без необходимости публикации
- выпускать новую версию плагина и помечать ее в git, чтобы репозиторий оставался синхронизированным при публикации
- обеспечивать разделение исходных и дистрибутивных файлов, дабы упаковывать исполняемые SSA, CSA или визуальные элементы
- упрощать навигацию по файлам плагинов за счет присвоения им имен
- разблокировать трешеринг и использовать модули ES6, ускоряя работу некоторых SSA
Как его использовать
- Нажмите «Установить» на странице Bask VS Code Marketplace или выполните поиск по фразе «Bask» на вкладке «Расширения VS Code».
- Затем запустите команду Bask Pull, чтобы загрузить свой первый плагин в VS Code. Новым пользователям будет предложено ввести ключ API, который можно приобрести здесь (они предлагают 14-дневную бесплатную пробную версию).
- После регистрации Bask попросит ввести учетные данные Bubble, которые должны храниться на вашем устройстве. Они и позволят Баску выполнять все основные функции.
- Вот и все! Просто отредактируйте свой плагин в VS Code, сохраните файлы и наблюдайте за его обновлением в Bubble.