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

😁Я немного знаю о вашем сайте: на нем с большой долей вероятности есть страница 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

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