Запрос поиска Algolia

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

Предварительные условия

Перед тем, как начать определение запроса поиска, имеются некоторые предварительные условия:

1. Надлежаще настроенная учетная запись Algolia.
2. Наличие как минимум одной коллекции Firestore, подключенной к учетной записи Algolia.
3. Завершенная конфигурация Algolia на FlutterFlow.

Полная настройка

Если вы не завершили эти шаги, пожалуйста, следуйте инструкциям, представленным на следующей странице перед продолжением: Поиск Algolia

Создание интерфейса поиска

Для использования запроса поиска Algolia в бэкенде необходим текст, который будет использоваться в качестве критерия поиска. Давайте создадим интерфейс поиска для ввода пользователем критерия и отображения результатов, возвращаемых из запроса в списке. Вы можете использовать виджет TextField для ввода критерия и ListView для отображения результатов.

Следуйте указанным ниже шагам для создания этого интерфейса:

1. Перетащите виджет TextField на холст. (В демонстрации ниже, виджет TextField размещен внутри AppBar приложения).
2. Вы можете настроить свойства TextField в соответствии со стилем дизайна вашего приложения. Добавьте иконку поиска, чтобы показать, что это текстовое поле для поиска.
3. Поставьте флажок Обновлять страницу при изменении. Это поможет обновлять страницу по мере ввода пользователем текста в TextField. Это необходимо для использования последнего значения текстового поля в качестве критерия поиска.
4. Установите Задержку обновления (в миллисекундах). Это определяет время после окончания ввода пользователем для обновления страницы.
5. Теперь перетащите виджет ListView на холст.
6. Аналогично, вы можете добавить виджеты внутри ListView, необходимые для отображения результатов поиска. (В следующей демонстрации можно увидеть, что два текстовых виджета добавлены внутри столбца).

Определение запроса поиска Algolia в бэкенде

Когда интерфейс страницы готов, можно перейти к следующему шагу - определению запроса поиска Algolia в бэкенде.

Следуйте указанным ниже шагам для определения запроса в бэкенде:

1. Выберите виджет (или страницу), на котором необходимо применить запрос. В данном случае рекомендуется применить запрос к виджету ListView.
2. Выберите Бэкенд Запрос из Панели свойств (правое меню).
3. Выберите Тип Запроса Algolia Search.
4. Выберите Коллекцию Firebase, по которой будет выполняться запрос.
5. Определите, откуда брать Критерий Поиска. Можно выбрать либо Конкретное Значение, либо Из Переменной. Если хотите использовать значение из TextField в качестве критерия поиска, выберите Из Переменной.
6. Если выбрано Конкретное Значение, определите термин в соответствующем поле.
7. Если выбрано Из Переменной, выберите Источник из выпадающего меню, а затем выберите опцию из Доступные Опции. Например, если вы хотите использовать значение из TextField, выберите Источник как Состояние Виджета и выберите название поля из Доступных Опций.
8. Укажите количество максимальных результатов поиска для получения под Максимальные Результаты. Оставьте это поле пустым, если хотите получить все соответствующие результаты поиска.

Отображение результатов поиска

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

1. Выберите виджет, находящийся внутри ListView, например, виджет Text.
2. Нажмите Установить из Переменной из Панели свойств (правое меню).
3. Из выпадающего меню Источник выберите ответ запроса Algolia Search, который вы определили на виджете ListView.
4. В Доступные Опции выберите название поля, значение которого вы хотите использовать.
5. (По желанию) Можно указать Значение По Умолчанию, которое будет показано, если значение поля пусто.
6. Нажмите Сохранить.
7. Повторите Шаги 1-6 для использования данных результата поиска на любом другом виджете.