Запуск приложения голосового поиска

Финальный этап мастер-класса: запуск и тестирование голосового поиска товаров

1

Запуск сервера разработки

Запустим Next.js приложение в режиме разработки

Команда запуска

Запустим сервер разработки Next.js

  1. 1Убедитесь что терминал открыт в папке проекта search-api-chvt
  2. 2Выполните команду запуска сервера разработки: npm run dev
  3. 3Дождитесь сообщения о том, что сервер запущен
  4. 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
2

Проверка работы приложения

Убедимся что интерфейс загружается корректно

Открытие в браузере

Протестируем загрузку пользовательского интерфейса

  1. 1Откройте веб-браузер (Chrome, Firefox, Edge)
  2. 2Перейдите по адресу: http://localhost:3000
  3. 3Должна загрузиться страница с интерфейсом поиска
  4. 4Проверьте что нет ошибок в консоли браузера (F12)

Проверка элементов интерфейса

Убедимся что все компоненты отображаются

  1. 1Поле для ввода поискового запроса
  2. 2Кнопка голосового ввода (микрофон)
  3. 3Кнопка обычного поиска
  4. 4Область для отображения результатов
3

Тестирование текстового поиска

Проверим работу поиска через текстовый ввод

Выполнение поискового запроса

Проверим подключение к 1С API

  1. 1В поле поиска введите название товара (например: "компьютер")
  2. 2Нажмите кнопку поиска или клавишу Enter
  3. 3Должны появиться результаты поиска из вашего 1С
  4. 4Проверьте что отображается информация о товарах: название, цена, категория

Если поиск не работает

Возможные причины: 1) Apache не запущен, 2) 1С HTTP-сервисы не опубликованы, 3) Неправильный URL в настройках (.env.local), 4) CORS ошибки. Проверьте консоль браузера для деталей ошибок

4

Тестирование голосового поиска

Проверим работу голосового ввода

Настройка микрофона

Подготовим устройство для голосового ввода

  1. 1Убедитесь что микрофон подключен и работает
  2. 2Нажмите кнопку микрофона в интерфейсе
  3. 3Разрешите доступ к микрофону в браузере
  4. 4Должна появиться анимация записи голоса

Выполнение голосового запроса

Протестируем распознавание речи

  1. 1Четко произнесите название товара в микрофон
  2. 2Говорите медленно и внятно
  3. 3Должен появиться распознанный текст в поле ввода
  4. 4Поиск должен выполниться автоматически
5

Проверка результатов

Убедимся что система работает полностью

Полное тестирование системы

Проверим весь цикл работы приложения

  1. 1Попробуйте поиск разных категорий товаров
  2. 2Протестируйте как текстовый, так и голосовой ввод
  3. 3Проверьте корректность отображения данных из 1С
  4. 4Убедитесь что поиск работает быстро (до 2-3 секунд)

Чек-лист функциональности

Список функций которые должны работать

6

Устранение проблем

Решение возможных ошибок

Диагностика проблем

Команды для выявления и устранения ошибок

# Проверка статуса 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, веб-интерфейс с голосовым вводом и связь между всеми компонентами. Система готова к использованию и дальнейшему развитию

ЗавершениеГолосовой поиск1СNext.jsГотово!