Примечание.
Для доступа к этой странице требуется авторизация. Вы можете попробовать войти или изменить каталоги.
Для доступа к этой странице требуется авторизация. Вы можете попробовать изменить каталоги.
В этом руководстве создается веб-сайт, который выполняет поиск по каталогу книг, а затем развертывает веб-сайт в статическом веб-приложении Azure.
Как работает пример?
Этот пример веб-сайта предоставляет доступ к каталогу, содержащему 10 000 книг. Вы можете выполнить поиск по каталогу, введя текст в строке поиска. При вводе текста веб-сайт использует функцию предложения индекса поиска для автозавершения текста. По завершении запроса веб-сайт отображает список книг с частью сведений. Вы можете выбрать книгу, чтобы просмотреть все сведения, хранящиеся в индексе поиска, книги.
Возможности поиска включают в себя:
- Поиск — предоставляет функции поиска для приложения.
- Предложение — предоставляет предложения по мере ввода пользователя в строке поиска.
- Фасеты и фильтры — позволяет создавать фасетную структуру навигации, которая фильтрует по автору или языку.
- Результаты с разбивкой на страницы — предоставляют элементы управления разбиением на страницы для прокрутки результатов.
- Поиск документа — ищет документ по идентификатору, чтобы получить все его содержимое для страницы сведений.
Какова структура примера?
Пример кода включает следующие компоненты:
| Приложение | Цель | GitHub Репозиторий Расположение |
|---|---|---|
| клиент | Приложение React (уровень представления) для отображения книг с помощью поиска. Оно вызывает приложение-функцию Azure. | /azure-search-static-web-app/client |
| API | Приложение-функция Azure .NET (бизнес-уровень) — вызывает API поиска ИИ Azure с помощью пакета SDK для .NET | /azure-search-static-web-app/api |
| массовая вставка | Проект .NET для создания индекса и добавления в него документов. | /azure-search-static-web-app/bulk-insert |
Настройка среды разработки
Создайте службы и установите следующее программное обеспечение для локальной среды разработки.
- Поиск ИИ Azure, любой регион или уровень
- .NET 9 или последняя версия
- Git
- Visual Studio Code
- Расширение средств разработки на C# для Visual Studio Code
- Расширение статического веб-приложения Azure для Visual Studio Code
В этом руководстве API Azure Functions не запускается локально. Если вы хотите запустить его локально, установите azure-functions-core-tools.
Разветвление и клонирование примера поиска с помощью Git
Чтобы развернуть статическое веб-приложение, необходимо форкнуть образец репозитория. Веб-приложения используют расположение вашего форка на GitHub, чтобы определять действия по сборке и содержимое для развертывания. Выполнение кода в статическом веб-приложении происходит удаленно, при этом Azure Static Web Apps считывают код из вашего форкнутого образца.
Сделайте форк репозитория azure-search-static-web-app на GitHub.
Выполните форк в вашем веб-браузере с помощью вашей учетной записи GitHub. В этом учебнике ваш форк используется в рамках развертывания статического веб-приложения Azure.
В терминале Bash скачайте форкнутый образец приложения на свой локальный компьютер.
Замените
YOUR-GITHUB-ALIASвашим GitHub псевдонимом.git clone https://github.com/YOUR-GITHUB-ALIAS/azure-search-static-web-app.gitВ том же терминале Bash перейдите в вилку репозитория для этого примера поиска на веб-сайте:
cd azure-search-static-web-appИспользуйте команду Visual Studio Code,
code ., чтобы открыть форк репозитория. Остальные задачи выполняются из Visual Studio Code, если не указано.code .