01 Интерфейс Баббл

Основные вкладки [ Main Tabs ]

Вкладка Дизайн [ Design ]

Здесь вы разрабатываете внешний вид вашего приложения. Рисуете элементы на странице, перемещаете их и изменяете размер, и подбираете их свойства и внешний вид. Новичкам мы советуем начать отсюда.

Для добавления нового элемента кликните по типу элемента на Панели слева, затем кликните и протяните курсор по странице для того, чтобы его вставить. Двойной клик по элементу откроет Редактор Свойств, в котором вы можете настроить внешний вид и поведение элемента. Клик по элементу правой кнопкой мыши отобразит выпадающее меню с дополнительными настройками редактирования.

Вкладка Процессы [ Workflow ]

Здесь мы можете задать, что будет происходить при взаимодействии пользователя с приложением. Для каждого действия, совершенного пользователем, например, клик по элементу, ввод текста, вход или выход из системы, вы создаете последовательность ответных реакций на действия пользователей. #масло Действия могут изменять данные, взаимодействовать с внешним миром по электронной почте или с помощью сторонних сервисов или изменять внешний вид страницы.

Вкладка Данные [ Data ]

Вкладка Данные управляет данными, создаваемыми пользователями во время использования приложения. Вы можете:

  • Организовывать данные, настраивая типы хранимых в Bubble сущностей.

  • Зайти в режим администрирования всех данных приложения. Вы можете изменять данные напрямую или импортировать и экспортировать их в виде CSV файлов.

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

Вкладка Стили [ Styles ]

Вкладка Стили управляет набором визуальных свойств, общих для элементов приложения. Стили упрощают поддержку и изменение единообразного внешнего вида. Вместо того, чтобы настраивать шрифты, фоны и границы для каждого элемента в отдельности, вы можете задать стиль и применять его сразу ко всем элементам нужного типа. В Bubble есть несколько встроенных тем для того, чтобы помочь вам начать разработку. Их можно использовать, чтобы полностью изменить стиль вашего приложения. Мы собираем самые популярные во всей сети темы, такие как Bootstrap и Material Design.

Вкладка Плагины [ Plugins ]

Вкладка Плагины позволяет расширить функционал Bubble с помощью установки и настройки плагинов. Плагины - это дополнительные элементы, события, действия и источники данных. Плагины создаются командой Bubble и другими пользователями. Многие внешние сервисы, с которыми можно связать приложение, такие как платежные системы типа Stripe, службы аналитики Google Analytics и Mixpanel, социальные сети типа Facebook, упакованы в плагины.

Вкладка Настройки [Settings]

Во вкладке Настройки вы можете выполнять административные задачи. Например, управлять тем, кто может редактировать приложение, настраивать внешний вид приложения в целом, например, цветовую палитру и иконку, доменное имя, управлять языками и переводом, SEO свойствами и API.

Вкладка Логи [ Logs ]

Во вкладке Логи можно следить за происходящим в приложении. Здесь отображена общая статистика загрузки, позволяющая следить за приближением к ограничениям тарифного плана. Также можно следить за запусками процессов на стороне сервера, чтобы видеть, когда пользователи изменяют данные или совершают другие серверные действия, например, отправляют email. Наконец, здесь можно вручную отменить запланированный запуск будущих процессов.

Вкладка Шаблон [ Template ]

Если вы в качестве основы используете шаблон, оставьте, пожалуйста, отзыв о нем во вкладке Шаблон. Обзоры и отзывы улучшают качество шаблонов в Bubble.

Панель инструментов [ Tool bar ]

Назад [ Undo ]

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

Вперед [ Redo ]

Вернуть отмененное действие.

Режим просмотра [ Viewing mode ]

UI Builder(создание интерфейса) и Responsive (адаптивный) - это два разных режима просмотра. Приложение разрабатывается и редактируется в режиме UI Builder. Режим Responsive показывает то, как выглядит приложение в различных ситуациях и при разной ширине экрана.

Режим выбора [ Selection mode ]

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

Показать/скрыть границы элементов [ Show / Hide element edges ]

Отображает границы элементов, чтобы помочь в разработке дизайна.

Режим Рентгена [ X-Ray mode ]

Иногда вы будете попадать в ситуацию, что на странице будет много элементов, а вам нужно увидеть, есть ли что-нибудь за другим элементом. Включение Рентгена отобразит все элементы прозрачными. Это никак не отразится на пользователях, но вам будет удобно для разработки приложения и дизайна.

Настройки сетки [ Grid options ]

Данное выпадающее меню предоставляет ряд настроек сетки, таких как скрыть/отобразить сетку, задать цвет и выбрать, к чему привязывать элементы: к сетке или краям.

Настройки упорядочивания [ Arrange options ]

Это выпадающее меню отвечает за настройки организации элементов на странице. Можно выбрирать из Bring to Front (переместить на передний план), Send to Back(сдвинуть назад), Center horizontally/vertically (центрировать по горизонтали/вертикали), Allign left/top/bottom/right (выровнять по левому/верхнеме/нижнему/правому краю), Distribute horizontally/vertically (Распределить по горизонтали/вертикали), Group/Ungroup elements (Сгруппировать/Разгруппировать элементы).

Панель поиска [ Search Tool ]

Панель поиска помогает найти в вашем приложении элементы, стили и другие объекты. Также можно осуществлять расширенный поиск, например, найти все элементы и действия, которые используют или изменяют поле. Кликнув на результат поиска, в перейдете к запрошенному элементу в Редакторе Bubble. Все найденные элементы можно изменить за один раз кликнув по кнопке "Edit these elements"/"Изменить эти элементы". Внимание: Этим действием вы можете изменить элементы сразу на всех страницах.

Инспектор ошибок [ Issue Checker ]

При разработке приложения вы можете забыть ввести значения каких-то полей или допустить несоответствие типов. Инспектор ошибок поможет вам исправить эти ошибки. Клик по нему откроет список ошибок, а при клике по каждой записи вы перейдете к проблемному элементу/действию.

Подсказка: Исправляйте ошибки сразу, как они появляются, т.к. нельзя выгрузить в живую версию приложение, содержащее ошибки

Контроль версий [ Version control ]

  • У приложения всегда есть две версии:

  • Версия Разработчика, в которой вы создаете и редактируете приложение.

  • Живая версия, которой пользуются люди. Данная версия доступна только для чтения по соображениям безопасности.

Когда приложение готово к запуску, выгрузите его в Живую версию, выбрав в меню Контроля версий "Выгрузка и контроль версий". Данное меню содержит 2 всплывающих окна "Выгрузить версию Разработчика в Живую" и "Вернуться к предыдущей версии". Для того, чтобы изменить приложение, вернитесь в версию Разработчика.

Настройки верхнего и контекстного меню [ Top and contextual menu options ]

Назад [ Undo ]

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

Вперед [ Redo ]

Вернуть отмененное действие.

Редактирование [ Edit ]

Редактирует выбранные элементы, действия, события и т.д.

Редактировать страницу [ Edit page ]

Редактирует текущую страницу

Удалить [ Delete ]

Удаляет выбранные элементы, действия, события, стили и т.д.

Заменить другим элементом [ Replace by another element ]

Данное действие заменяет элемент элементом другого типа. Например, можно заменить элемент типа checkbox (флажок) переключателем или группу всплывающим окном.

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

Преобразовать в элемент многократного использования [ Convert into a reusable element ]

Настройка преобразует группу элементов в элемент многократного использования. Это полезно, когда вы используете одни и те же элементы. Использование элементов многократного использования делает приложение меньше и проще в редактировании.

Сгруппировать элементы в Группу [ Group elements in a Group ]

Данная настройка создает группу из выделенных элементов.

Разгруппировать эти элементы [ Ungroup these elements ]

Эта настройка выводит элементы из группы, в которой они находились, оставляя их на тех же местах. Данная операция не удаляет группу-контейнер, поэтому вы можете удалить её при необходимости.

Добавить новую страницу [ Add a new page ]

Создает новую пустую страницу или же клонирует существующую.

Клонировать эту страницу [ Clone this Page ]

Создает новую страницу с такими же элементами/действиями/событиями, как у исходной страницы.

Сделать данную страницу новой страницей index [ Make this page the new index ]

Данная функция заменяет существующую страницу index вашего приложения текущей страницей, которая становится новой страницей index. Так как страница index не может быть удалена, воспользуйтесь этой опцией. Предыдущая страница будет переименована в old_index.

Добавить новый элемент многократного использования [ Add a new reusable element... ]

Создает новый элемент многократного использования. Выберите существующий элемент или клонируйте элемент многократного использования.

Клонировать данный элемент многократного использования [ Clone this reusable element ]

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

API процессы [ API Workflows ]

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

Вырезать [ Cut ]

Вырезает выбранный элемент, действие, событие, стиль и т.д.

Копировать [ Copy ]

Копирует выбранный элемент, действие, событие, стиль и т.д.

Вставить [ Paste ]

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

Дублировать [ Duplicate ]

Копирует выбранные элементы и вставляет их не текущей странице.

Выбрать всё [ Select all ]

Выделяет все элементы, находящиеся на странице.

Выбрать первого предка [ Select first parent ]

Выделяет непосредственного предка выбранного элемента. Удобно, когда элемент находится в группе с такими же размерами.

Скопировать с процессами [ Copy with workflows ]

Копирует выбранные элементы вместе с соответствующими им процессами.

Вставить с процессами [ Paste with workflows ]

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

Скопировать форматирование [ Copy formatting ]

Копирует настройки дизайна из текущего выделенного объекта.

Скопировать стиль [ Copy style ]

Копирует стиль из текущего выделенного объекта.

Вставить стиль [ Paste style ]

Вставить настройки дизайна из буфера обмена. Сам стиль также копируется.

Вставить форматирование [ Paste formatting ]

Вставляет настройки дизайна из буфера обмена.

Копировать условное форматирование [Copy conditional formatting]

Копирует условия условного форматирование текущего выделенного объекта.

Вставить условное форматирование [Paste conditional formatting]

Вставляет условия условного форматирование из буфера обмена.

Скопировать условие [Copy condition]

Данная функция копирует условие элемента (при редактировании в Редакторе свойств). Его можно вставить в тот же элемент или в другой элемент.

Вставить условие [Paste condition]

Данная функция вставляет условие в элемент.

Скопировать выражение [Copy expression]

Данная функция копирует динамическое выражение, созданное с помощью Конструктора.

Вставить выражение [Paste expression]

Данная функция вставляет динамическое выражение из буфера обмена. Функция доступна при редактировании выражения, даже если оно пустое.

Очистить выражение [Clear expression]

Очищает динамическое выражение

Вставить перед [Paste before]

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

Вставить после [Paste after]

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

Очистить всё [Clear all]

Очищает динамическое и текстовое выражение целиком.

Перенести вперед [Bring to Front]

Переносит элемент на передний план.

Отправить назад [Send to Back]

Переносит элемент позади всех остальных элементов.

Центрировать по горизонтали [Center horizontally]

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

Центрировать по вертикали [Center vertically]

Центрирует элемент по вертикали относительно группы или страницы, в которой он содержится.

Выровнять по левому краю [Align left]

При применении к нескольким элементам, данная настройка упорядочивает все элементы так, что левые границы находятся на одной прямой.

Выровнять по правому краю [Align right]

При применении к нескольким элементам, данная настройка упорядочивает все элементы так, что правые границы находятся на одной прямой.

Выровнять по верху [Align top]

При применении к нескольким элементам, данная настройка упорядочивает все элементы так, что верхние границы находятся на одной прямой.

Выровнять по низу [Align bottom]

При применении к нескольким элементам, данная настройка упорядочивает все элементы так, что нижние границы находятся на одной прямой.

Распределить по горизонтали [Distribute horizontally]

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

Распределить по вертикали [Distribute vertically]

При применении к нескольким элементам, данная настройка выравнивает вертикальные промежутки между элементами.

Отобразить в дереве элементов [Reveal in Elements tree]

Данная функция отображает, где находится элемент в разделе "Elements tree"/"Дерево элементов", расположенном на Панели.

Создать/редактировать процесс [Start/Edit workflow]

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

Вставить действие [Insert an action]

Вставить действие перед тем, которое вы в данный момент редактируете.

Отобразить элемент (Reveal the element)

Воспользуйтесь данной функцией, чтобы увидеть, какой элемент используется в выбранном событии или действии.

Отобразить действие [Reveal the action]

Отображает действие, на которое ссылается динамическое выражение.

Показать короткие видео [Show short videos]

Новым пользователям, при первом применении нового элемента показывается короткое видео. Кликните, чтобы отключить эту функцию.

Всегда показывать в свойствах [Always show all properties]

Отображает меньше настроек в Редакторе Свойств из соображений видимости и понимания.

Выгрузка и контроль версий [Deployment and version control]

Это всплывающее окно выгружает Версию разработчика в Живую или восстанавливает предыдущую версию приложения, если что-то пошло не так. В зависимости от вашего тарифного плана Bubble возможны ограничения. Живая версия - это та, с которой взаимодействуют пользователи, а версия Разработчика - та, над которой работаете вы. Если вы довольны текущей версией Разработчика, выгрузите её в Живую, тогда пользователи смогут взаимодействовать с новой версией.

Важно отметить тот факт, что выгрузка и восстановление версии приложения не влияет на базу данных, например, на созданные пользователями сущности. Тем не менее, эти функции скопируют или восстановят типы данных, так как они являются частью приложения.

Выгрузить версию разработчика в живую [Deploy Development to Live]

Кликните по этой кнопке, чтобы выкатить текущую версию Разработчика в Живую версию. Введите описание внесенных изменений для справки.

Поля ввода даты [Date inputs]

Восстановление приложения к предыдущей версии основано на конкретной дате. В зависимости от вашего тарифного плана Bubble возможны ограничения. Введите дату и время, чтобы задать версию, которая будет использоваться для восстановления. Используя ваш часовой пояс введите дату "01/17/2016" и время "22:56:41" в два поля ввода. Или же вы можете воспользоваться кнопкой копирования времени в списке предыдущих версий справа, если вы хотите использовать существующую в истории версий временную отметку.

Вернуть к этому времени [Revert to this time]

Кликните по этой кнопке после введения времени и даты. Вам будет предложено подтвердить операцию.

Предыдущие развертывания и восстановления [Previous deployments and reverts]

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

Панель Данные приложения [App Data Panel]

В разделе App Data во вкладке Data отображается база данных приложения, т.е. актуальные данные, введенные вашими пользователями. Помните, что у Живой версии и версии Разработчика разные базы данных.

Глядя на таблицу пользователей, клик по кнопке "Run as"/"Запуск от имени" запустит приложение от имени этого пользователя, что сильно облегчит отладку в некоторых случаях.

Предупреждение: Вы будете пользоваться приложением от имени этого пользователя до момента выхода из системы, поэтому не вносите изменений.

Новое представление [New view]

Клик по этой кнопке выводит всплывающее окно, которое создает новое представление базы данных. Оно задает поля, которые отображаются в правой части экрана. Для сужения списка можно добавить ограничения. По умолчанию представление для каждого типа отображает большинство полей без ограничений. Число представлений не ограничено, и эти представления общие для Живой версии и версии Разработчика.

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

Новая запись [New entry]

Клик по этой кнопке откроет всплывающее окно, в котором можно создать новую запись в базе данных. Выберите тип сущности и введите информацию в предустановленные поля. Данная функция эквивалентна действию "Create a new thing"/"Создать новую сущность", используемому в рабочих процессах.

Загрузить [Upload]

Клик по этой кнопке открывает окно, в котором вы можете загрузить CSV файл с данными, разделенными запятой. Тип данных и соответствующие поля должны быть заданы в приложении перед импортом файла. Данная функция доступна на платных тарифах Bubble.

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

Важно: В первой строке вашего CSV файла должны содержаться имена полей данных. По ссылке находится файл для примера (!!!ЛНК!!!).

Изменить [Modify]

С помощью загрузки CSV файла вы можете осуществлять массовое изменение данных. Для этого вам нужен файл со столбцом, содержащим unique ID сущностей, которые нужно изменить, а в последующих столбцах должны находиться изменяемые значения.

Экспортировать [Export]

Данная кнопка создает CSV файл из данных, находящихся в текущем представлении. Файл экспортируется в папку Загрузки вашего браузера. Данный файл можно редактировать. Так как данная операция совершается владельцем приложения, к ней не применяются правила конфиденциальности, и будут экспортированы все данные, содержащиеся в данном представлении. Данная функция доступна на платных тарифах Bubble.

Массовое действие [Bulk Action]

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

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

Переключиться в живую версию/Переключиться в версию разработчика [Switch to Live/Switch to Dev]

Кликнув сюда вы откроете выпадающее меню Version (Версия), в котором можно переключаться между Живой версией приложения и версией Разработчика. Помните, что у каждой версии своя база данных.

Копировать и восстановить базу данных [Copy and restore database]

Клик по этой кнопке открывает всплывающее окно, в котором можно заменить базу данных их Живой версии базой данных из версии Разработчика и обратно. Используйте эту функцию, чтобы протестировать приложение с реальными данными или перенести данные из версии Разработчика в Живую версию.

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

Предупреждение: Все данные, созданные после точки восстановления, будут удалены. Эту функцию нужно использовать только в катастрофических ситуациях, когда лучше уж вернуться к прошлой версии базы, чем работать с текущей. Операция восстановления является обратимой. Для этого после неудачного восстановления нужно выбрать точку во времени незадолго до него.

Первичные поля [Primary fields]

Клик по данной кнопке открывает всплывающее окно, в котором можно задать первичное поле для каждого типа данных. Это определяет способ отображения данных и формирование CSV файлов. Например, пользователь может быть представлен его электронной почтой, квартирой, адресом и т.д. Это важно только для отображения.

Загрузить данные из CSV [Upload data as CSV]

Данное всплывающее окно загружает существующие данные из CSV-файла. CSV - это стандартный способ представления рядов и столбцов данных в текстовом формате. Такие файлы, например, может генерировать Microsoft Excel. Данная функция доступна пользователям на платных тарифах Bubble.

Тип данных [Type of data]

Выберите, данные какого типа будете загружать. Тип данных и соответствующие поля должны быть определены в приложении до загрузки файла.

Разделитель данных [Data delimiter]

Обычно данные разделяются запятыми, но возможны и другие разделители. Табуляция или вертикальная черта полезна при работе с текстом, в котором есть запятые. Выберите разделитель в приложении при создании CSV файла.

Выбрать загружаемый файл [Pick a file to upload]

Выбирает CSV файл для загрузки.

Сопоставить поля [Map fields]

На этом важном шаге вы сопоставляете столбцы данных полям в базе данных приложения.

Пользовательское поле [Custom field]

Выберите поле типа данных в выпадающем меню для каждого столбца с данными. Эти поля должны быть объявлены в типе данных перед загрузкой.

Соединительное поле [Composite field]

Если поле, с которым вы сопоставляете столбец, является полем пользовательского типа, тогда нужно задать, с каким полем из подтипа нужно сопоставить текстовое значение. Например, вы загружаете список апартаментов, и одним из полей является поле owner (владелец). Если owner представлен в CSV файле его фамилией, выберите "Last name" (фамилию) в качестве соединительного поля. Перед загрузкой данных в базе уже должны существовать эти записи. Если двум записям в приложении Bubble соответствует одно и то же значение,появится сообщение об ошибке.

Разделитель в списке [List delimiter]

Данный разделитель используется, когда в поле содержится список сущностей. Он должен отличаться от основного разделителя. Например, если в качестве разделителя используется ";", данные должны быть представлены как 12;54;32;67.

Обратите внимание: При импорте данных типа "список", его нужно заключать в "[" и "]", а отдельные элементы отделять разделителем. Например, [kitchen;bedroom;bathroom].

Проверить данные [Validate data]

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

Обратите внимание: Обработка большого количества записей может занять некоторое время.

Загрузить данные [Upload data]

Клик по этой кнопке загружает данные.

Предупреждение: Обработка большого количества записей может занять некоторое время.

Загрузка [Usage]

Раздел Usage (Загрузка) во вкладке Logs (Логи) отображает количество запущенных в текущем месяце процессов и хранилище загруженных данных с момента запуска приложения. Также указывается максимальное для вашего тарифа количество запусков рабочих процессов. Эти показатели полезны для ценообразования и наблюдения за загрузкой приложения.

Показатели Загрузки страницу [Page Load Metrics]

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

Отображаемые показатели

Вы можете увидеть три разных вида показателей:

  • Время загрузки страницы: завершение отрисовки (Page load duration: render complete): Время в миллисекундах от получения сервером Bubble первого запроса страницы до момента завершения отрисовки всех элементов страницы. В него включается время обработки запроса, задержка между сервером и браузером, время на загрузку клиентских javascript и css файлов и время отрисовки всех элементов страницы браузером.

  • Время загрузки: загрузка данных (Page load duration: data loaded): Время в миллисекундах от получения сервером Bubble первого запроса страницы до момента завершения отрисовки всех элементов страницы, а также получения и отображения всех необходимых динамических данных для первого экрана. Это эквивалентно источнику данных "Page Loaded Above Fold". Включает в себя всё время "Page load duration: render complete" плюс время загрузки данных (таких как списки в Повторяющих группах).

  • Загрузка страницы: число требуемых данных (Page load: count of data items required): Это число сущностей, загруженных за время, описываемое показателем "Page load duration: data loaded". Это помогает оценить общее количество данных, необходимых для загрузки элементов первого экрана страницы. Данный показатель полезен при изучении влияния загрузки данных (например, Repeating group) на загрузку страницы.

Процентиль (%)

Вы можете выбрать средние значения Х лучших процентов. Так, 1% лучших покажет максимальную производительность, а 99% покажет общую ситуацию.

Серверные логи [Server Logs]

Раздел Server Logs (Серверные логи) вкладки Logs (Логи) позволяет осуществлять поиск по логу серверных действий, таких как отправка писем и изменение данных, выполняемых во время взаимодействия пользователей с приложением. Вы можете найти определенного пользователя по его email или ID, по конкретным датам или ключевым словам.

От даты [From date]

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

До даты [To date]

Выберите самую позднюю дату, для которой вы хотите увидеть события. Поиск завершится в 23:59 этого дня. Если записей нет, будет использована текущая дата.

Пользователь [User]

Отфильтруйте действия по конкретному пользователю, введя его email или unique ID. Если поле пустое, поиск вернет данные по всем пользователям.

Содержит [Contains]

Введите строку, которую нужно найти. Например, для поиска по слову mountain введите mountain без кавычек. Для поиска по точной фразе tallest mountain введите tallest mountain в одинарных кавычках: 'tallest mountain'. Для поиска записей, содержащих tall либо mountain введите tall OR mountain без кавычек. OR должно быть написано заглавными буквами. Если поле оставить пустым, будут выведены все записи.

Поиск [Search]

Нажмите, чтобы начать поиск.

Панель результатов [Results view]

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

Комментарии и заметки [Comments & Notes]

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

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

Обратите внимание, что вид иконки изменяется с пустого на полный при добавлении комментария.

Инспектор элемента [Element Inspector]

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

Last updated