Запуск приложения голосового поиска
Финальный этап мастер-класса: запуск и тестирование голосового поиска товаров
Запуск сервера разработки
Запустим Next.js приложение в режиме разработки
Команда запуска
Запустим сервер разработки Next.js
- 1Убедитесь что терминал открыт в папке проекта search-api-chvt
- 2Выполните команду запуска сервера разработки: npm run dev
- 3Дождитесь сообщения о том, что сервер запущен
- 4Вы должны увидеть: "✓ Ready in 2.3s" и "Local: http://localhost:3000"
Ожидаемый вывод
Пример успешного запуска приложения
✓ Ready in 2.3s ○ Local: http://localhost:3000 ○ Network: http://192.168.1.100:3000 ✓ Starting... ✓ Ready in 1.2s
Проверка работы приложения
Убедимся что интерфейс загружается корректно
Открытие в браузере
Протестируем загрузку пользовательского интерфейса
- 1Откройте веб-браузер (Chrome, Firefox, Edge)
- 2Перейдите по адресу: http://localhost:3000
- 3Должна загрузиться страница с интерфейсом поиска
- 4Проверьте что нет ошибок в консоли браузера (F12)
Проверка элементов интерфейса
Убедимся что все компоненты отображаются
- 1Поле для ввода поискового запроса
- 2Кнопка голосового ввода (микрофон)
- 3Кнопка обычного поиска
- 4Область для отображения результатов
Тестирование текстового поиска
Проверим работу поиска через текстовый ввод
Выполнение поискового запроса
Проверим подключение к 1С API
- 1В поле поиска введите название товара (например: "компьютер")
- 2Нажмите кнопку поиска или клавишу Enter
- 3Должны появиться результаты поиска из вашего 1С
- 4Проверьте что отображается информация о товарах: название, цена, категория
Если поиск не работает
Возможные причины: 1) Apache не запущен, 2) 1С HTTP-сервисы не опубликованы, 3) Неправильный URL в настройках (.env.local), 4) CORS ошибки. Проверьте консоль браузера для деталей ошибок
Тестирование голосового поиска
Проверим работу голосового ввода
Настройка микрофона
Подготовим устройство для голосового ввода
- 1Убедитесь что микрофон подключен и работает
- 2Нажмите кнопку микрофона в интерфейсе
- 3Разрешите доступ к микрофону в браузере
- 4Должна появиться анимация записи голоса
Выполнение голосового запроса
Протестируем распознавание речи
- 1Четко произнесите название товара в микрофон
- 2Говорите медленно и внятно
- 3Должен появиться распознанный текст в поле ввода
- 4Поиск должен выполниться автоматически
Проверка результатов
Убедимся что система работает полностью
Полное тестирование системы
Проверим весь цикл работы приложения
- 1Попробуйте поиск разных категорий товаров
- 2Протестируйте как текстовый, так и голосовой ввод
- 3Проверьте корректность отображения данных из 1С
- 4Убедитесь что поиск работает быстро (до 2-3 секунд)
Чек-лист функциональности
Список функций которые должны работать
Устранение проблем
Решение возможных ошибок
Диагностика проблем
Команды для выявления и устранения ошибок
# Проверка статуса Apache curl http://localhost/api/chvt # Перезапуск Next.js приложения npm run dev # Проверка логов npm run build npm start # Очистка кэша rm -rf .next npm run dev
Частые проблемы
1) Ошибка CORS - проверьте настройки Apache, 2) Микрофон не работает - разрешите доступ в браузере, 3) Нет данных - убедитесь что 1С запущена и HTTP-сервисы активны, 4) Медленный поиск - оптимизируйте запросы в 1С
🎉 Поздравляем! Система готова!
Вы успешно создали полноценную систему голосового поиска с интеграцией 1С! Теперь у вас есть работающий API, веб-интерфейс с голосовым вводом и связь между всеми компонентами. Система готова к использованию и дальнейшему развитию