🔥Немного о безопасности🔥

😁Я немного знаю о вашем сайте: на нем с большой долей вероятности есть страница test
Обычно эта страница собирается "на скорую руку" без настройки правил отображения или редиректа.

Чем это грозит?
Если неравнодушные👋 пользователи знают адрес вашего сайта и решат это проверить, они возможно:
1) получат доступ к новому функционалу, которого еще нет на сайте 😨
2) получат доступ к кнопкам, запускающим бэк, которые многие так любят рисовать на этих страницах. В теории, это может привести к изменениям в БД которые будет невозможно без потерь отменить обычным восстановлением (если хватились не сразу)😭

Как можно обезопасить свой сайт?
1) Задавайте тестовым страницам более сложные названия👨‍💻
2) Используйте продуманные Privacy Rules🤓

Пиши в комментариях, какие меры безопасности помогают тебе 🚗

🔥Оставь реакцию если пост был полезен🔥

🔥Привет! 🔥

Есть ещё много чего хотел бы вам рассказать, но пока маленький опрос🙃
Интересно узнать:
1) как попали в канал (кроме случаев когда я сам добавил🤣)
2) какие посты особенно были полезны (может что-то вам реально упростило работу)
3) что хотели бы ещё увидеть на канале) Напишите)

Если писать неохота, можно поставить реакцию🔥: будем считать ее как оценку контента на канале)

🔥- Я только спросить! - В очередь!🔥

На одном из проектов была задача: дать юзерам возможность присылать API-запросами в приложение на Баббл товары в больших количествах (до 40-50 тыс. шт.). Создать большое количество товаров с помощью Data API не проблема: за 20 с создавалось 250 записей с 12 заполненными полями, но вопрос: что станет с сайтом, если запросы отправят сразу 10, 20 и более пользователей?
Такие запросы будут выполняться параллельно, постепенно расходуя capacity приложения. Что произойдет, когда процессы заполнят всю память? Они встанут в очередь, и начнут выполняться последовательно! Круто?! Не совсем🤪) Представим что некоторые действия пользователя на фронте зависят от процессов на бэке. Что ждет пользователя, если на бэке выстроится очередь? Долгий ответ сайта) В особо тяжелых случаях браузер отобразит вам сообщение "app too busy"😆
Чтобы не дать пользователям положить ваш сайт, используйте очередь.

Спецы советуют переносить сложные процессы с фронта на бэк, и это имеет смысл. Но на бэке они не всегда должны выполняться параллельно🙃
С тяжелыми процессами на бэке можно поступить следующим образом:
1) настройте процесс так, чтобы вместо запуска отдельного API workflow, юзер складывал свое задание в БД (создайте для этого отдельную таблицу "Очередь")
2) запустите цикл, который с определенной частотой (частоту вычисляют отталкиваясь от показаний на вкладке Logs - Capacity) будет запускать обработку очередной записи из таблицы "Очередь" (убедитесь, что цикл не отвалится, если в таблице закончатся записи).

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

Здоровья вашим аппкам)

Напишите, пользуетесь ли вы этим способом, и как бы вы его доработали👍

🔥Ставь реакцию, если понравилось🔥

⏺Список тем на канале:

👩‍🎓 Из документации:
• API Workflow on a list лучше...
• Массовое создание записей без цикла
• Редачим таблицу без тестовой страницы

🤓 Описание функций:
• Координаты превратить в адрес
• Изменение стиля для некликабельных элементов
• Formatted as text: сокращаем кол-во шагов в воркфлоу
• Format as text: cписок записей в виде оформленного текста
• Статичные ссылки в кликабельные
• Смена пароля без почты и старого пароля (+1 способ в комментах)
• Сжимаем фото с помощью imgix

📞 Плагины:
• Автообновление превью
• Мгновенный доступ к значению инпута
• Переменная внутри рабочего процесса
• Global Variable вместо кастом стейт и url-parameter

💪 Lifehacks/крутые практики:
• Называем страницы правильно
• Очередь на бэкенде
• Копирование между приложениями

😎 Мои эксперименты:
• Арканоид на баббл

☺️ Информационная доска
• Книга отзывов и предложений

На днях неофициальный Telegram бот @donate открыл владельцам каналов возможность публиковать платный контент и настраивать платную подписку для приватных каналов.

🔔 Предупреждаю: платных подписок и постов в моих планах нет и в ближайшее время не предвидится🥳

Но...
для неравнодушных 😉 подписчиков думаю разместить кнопку "Пожертвовать" чтобы  дать возможность выразить благодарность за мой труд ❤️

Есть мысль пустить средства на чай с печеньками, покупку курсов, книг и консультаций, которые потом можно будет конвертировать в полезные посты на канале)

Поделитесь в комментах своими мыслями или оставьте реакцию с оценкой идеи🔥

🔥Global Variable🔥

По итогам опроса:
- Самым популярным способом оказался Custom State, но это и не мудрено (не забываем что значение кс при перезагрузке страницы не сохраняется, а значит не получится фиксировать выбранную вкладку)
- Самый очевидный - действие Show/Hide. Когда элементов 1 или 2 - вполне себе удобно)
- 59% отметили параметры в адресной строке и только 6% отметили Global Variable)

Те, кто знаком с JS знают, что глобальные переменные могут использоваться в любой части приложения. У плагина "Global Variable" немного похожая функциональность, но другой принцип действия - данные записываются в local storage и могут быть использованы в любой части страницы, на которой находится юзер минимальным набором действий🥳.

Элемент можно разместить на странице или внутри реюзабл, в настройках нужно указать название переменной. Использовать значение переменой можно ссылаясь на элемент. Затем действием "set a Global Variable" записываем в переменную с конкретным именем (вы можете разместить на странице несколько переменных) необходимое значение. Значение переменой автоматически перезапишется во всех местах на странице, где вы его использовали.

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

Напишите, где вы уже использовали плагин, или планируете использовать.

🔥Оставь реакцию, если понравилось🔥

🔥Ускоряем разработку копированием🔥

Ниже приведу короткий список того, что можно копировать в одном приложении, и вставлять в другое:

- Reusable element. Заходим в реюзабл, в дереве элементов нажимаем правой клавишей по названию реюзабла, жмём Copy. На любой странице в другом приложении в контекстном меню выбираем Paste - откроется окно добавления нового реюзабла. Вводим имя, и новый реюзабл становится частью вашего приложения)

- Option Set. Допустим вы хотите перенести список стран, городов, штатов, названия feather icons которые уже есть в другом приложении. Например, AirDev предлагает скопировать некоторые готовые OS из своего приложения. Копируем и вставляем через ПКМ)

- Отдельные группы и связанные с ними воркфлоу. Можно копировать внутри приложения между страницами, открытыми в разных вкладках, между разными версиями одного приложения, и между разными приложениями с помощью опции "Copy/Paste with workflow".

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

🤫НЕ РЕКОМЕНДУЮ, но скажу: есть возможность копировать функционал из прошлого - создаем точку восстановления, откатываем приложение в нужное время, копируем интерфейс, возвращаемся на последнюю точку восстановления и вставляем скопированный элемент на страницу:) Почему не рекомендую? При таких телодвижениях в конце может вывалиться куча ошибок, которые уйдут если просто перейти к каждой из них. Не очень удобно, но если готовы к этому и нет другого выхода - you are welcome)

🖊Напишите в комментариях, что еще копируете и переносите между приложениями.

🔥Оставь реакцию, если понравилось🔥

🔥 🔤🔤🔤🔤🔤 - на лету уменьшаем вес фотографий🔥

Как ускорить загрузку страницы, если на ней присутствует РГ с фотками из внутренней БД?)
Кто-то скажет, что нужно уменьшать кач-во на этапе их загрузки. Но что если в базу
уже загружено много фото? В таком случае выручит :processed with imgix 🥳

Опция добавляется к фото, и похожа она на небольшой фоторедактор: можно включить автоулучшение, эффект блюра или сепии и т.д. Среди прочих фишек, есть опция для сжатия фото (Quality 1 -100).
Фотки из БД прогоняются через сервер imgix, на выходе выдавая более лёгкую картинку. Несмотря на меньший вес, качество , как по мне, остается приемлемым)
❗️Фишка срабатывает только с фотками из базы Баббла. В купе с пагинацией imgix может существенно ускорить загрузку страницу)

Источник: https://manual.bubble.io/core-resources/data/operations-and-comparisons#processed-with-imgix

Напиши, в каких ситуациях тебя выручала эта функция😎
Ставь 🔥 если понравилось

🔥Расширяем возможности редактора Bubble🔥

Чего мне временами не хватает в Баббл, так это темной темы😞 Смотрю на Flutterflow и только надеюсь что когда-нибудь нам перепадет такой интерфейс)
Есть расширения для Chrome, которые добавляют любому сайту темную тему, но с бабблом это работает так себе😐 Недавно исследуя вопрос создания расширений на базе Баббл случайно наткнулся на плагин Bubble.io: Editor Dark Mode. Плагин меняет стиль страницы редактора не вмешиваясь в интерфейс выбора цвета и оригинальный цвет страницы, правда как оказалось, перекрашиваются не все элементы. Интерфейс выглядит лучше чем с другими dark mode расширениями, но все равно немного куцым))

Под этим плагином в рекомендованном списке увидел плагин Zeroqode Extension for Bubble!
Он не обновлялся с сентября 2019, поэтому не стоит ожидать его полной работоспособности) Однако пару полезных фич как оказалось в нем еще есть)
Присутствует переключатель темной темы (по моему мнению, работает лучше всех, за исключением того, что не перекрашивается синий цвет, который на сером фоне выглядит просто вырвиглазно). Присутствует пару крутых фишек:
- Расширяется меню горячих клавиш. Есть настройка открытия каждой отдельной вкладки, изменение зума страницы, переключение между дизайном и респонсивностью, просмотр превью и др.
- После его установки становится доступным к копированию разная доселе недоступная инфа, типа надпись "COPY FROM LIVE TO DEVELOPMENT" при копировании БД, или redirect URL в API-коннекторе

Что думаешь об этих плагинах? Был ли опыт их использования? Напиши в комментарии
Ставь 🔥 если понравилось

❗️Напиши мне пожалуйста в личку, если уже создавал расширения на базе баббл и готов дать консультацию)