Главная страница>Связанные с программированием>AI Исходный код
Скачать

Документация Conversify ??

Введение

Conversify — это передовая платформа чат-ботов для поддержки клиентов, которая позволяет компаниям легко интегрировать чат-ботов на базе искусственного интеллекта в свои веб-сайты. Он сочетает в себе технологию интерактивных 3D-аватаров, голосовые и текстовые интерфейсы, а также настраиваемые шаблоны чат-ботов, обеспечивая удобство и динамичность взаимодействия с пользователем. Построенный на надежном стеке MERN (MongoDB, Express.js, React.js, Node.js), Conversify предоставляет клиентам встраиваемые ссылки или фрагменты кода, что обеспечивает быструю и простую интеграцию.

Ключевые особенности ?

  • Интеграция встраиваемых чат-ботов : клиенты получают прямые ссылки или код для встраивания чат-ботов Conversify на свои веб-сайты.
  • Настраиваемые шаблоны . Предоставляются различные шаблоны чат-ботов, отвечающие различным потребностям поддержки клиентов и стилям брендинга. ?
  • Интерактивный 3D-аватар : пользователи могут взаимодействовать с 3D-аватаром, который отвечает текстом и голосом, обеспечивая привлекательный и человекоподобный интерфейс. ??
  • Голосовое и текстовое взаимодействие . Запросы могут выполняться посредством текстового или голосового ввода, а ответы предоставляются в обоих режимах. ⌨️
  • Бэкэнд на базе Mistral и Llama LLM : Conversify использует Mistral и LLama для обработки запросов на естественном языке. ?
  • MongoDB Atlas как хранилище векторов : эффективное и масштабируемое хранение и извлечение данных разговоров осуществляется MongoDB Atlas. ?️⚡
  • Будущая поддержка выбора модели : клиенты будут иметь возможность выбирать из нескольких языковых моделей, которые наилучшим образом соответствуют их потребностям. ??

Обзор архитектуры

Conversify построен на полнофункциональной архитектуре JavaScript с использованием стека MERN, что обеспечивает масштабируемость, гибкость и эффективность.

Бэкэнд :

  • Node.js и Express.js : обработка запросов API, обработка данных разговоров и управление серверными службами. ?
  • MongoDB Atlas : хранит историю разговоров, профили пользователей и векторы для эффективного поиска и извлечения сходства с помощью векторного хранилища.
  • Mistral (LLM) : обрабатывает естественный язык и генерирует человеческие ответы на запросы клиентов.

Фронтенд ?️:

  • React.js : предоставляет интуитивно понятный и отзывчивый пользовательский интерфейс, позволяющий пользователям взаимодействовать с чат-ботом. Он поддерживает как текстовый, так и голосовой ввод. ??‍
  • Three.js (3D-аватар) : 3D-движок, который поддерживает интерактивный аватар, добавляя уровень визуального взаимодействия к взаимодействию с чат-ботом. ?️?

Процесс интеграции

  1. Получить встраиваемую ссылку или код . После настройки вашего чат-бота через веб-приложение Conversify клиенты получат специальную встраиваемую ссылку или фрагмент кода. ?
  2. Встроить в веб-сайт : вставьте предоставленный код в HTML-код вашего веб-сайта, чтобы легко интегрировать интерфейс чат-бота на любую страницу. ?
  3. Настройка : настройте чат-бота, выбрав шаблоны, соответствующие вашему бренду и потребностям. В будущем вы также сможете выбирать различные языковые модели для своего чат-бота. ??

Основные функции ?

1. Интерфейс интерактивного чата ?

  • Пользователи могут взаимодействовать с чат-ботом с помощью текстовых или голосовых запросов. ?
  • Чат-бот отвечает через 3D-аватар текстовым и голосовым выводом, повышая вовлеченность.

2. Шаблоны ?

  • Выбирайте из множества шаблонов, адаптированных к различным сценариям поддержки клиентов. Эти шаблоны будут определять поведение, тон и внешний вид чат-бота. ?

3. Интеграция голоса и текста ?⌨️

  • Чат-бот может обрабатывать как голосовые, так и текстовые вводы пользователей. ?️
  • Голосовые ответы синтезируются с использованием передовой технологии преобразования текста в речь, что придает 3D-аватару естественный голос.

4. Настройка 3D-аватара ?‍??

  • 3D-аватар полностью настраивается, что позволяет использовать фирменный стиль и индивидуальность. Выбирайте различные стили и варианты поведения аватара. ??

Дорожная карта будущего ?

  1. Варианты выбора модели : клиенты смогут выбирать между различными языковыми моделями (такими как GPT, Mistral и т. д.) в зависимости от своих предпочтений и требований. ??
  2. Расширенная аналитика : панель мониторинга для отслеживания производительности чат-бота, взаимодействия с пользователем и обратной связи. ?
  3. Персонализированные аватары : больше возможностей настройки аватара для лучшего соответствия различным потребностям бизнеса и фирменному стилю. ?️
  4. Петли обратной связи на основе искусственного интеллекта : позвольте чат-боту учиться на предыдущих взаимодействиях, чтобы со временем улучшать ответы. ?

Начиная

Настройка бэкэнда BotGenerator

  1. Клонируем репозиторий :

    • Откройте терминал и запустите: 
      git clone https://github.com/MrDracs/BotGenerator.git
cd BotGenerator

  2. Установить зависимости :

    • В директорию BotGenerator установите необходимые зависимости: 
      npm install

  3. Создайте файл .env :

    • В папке BotGenerator создайте файл .env и включите следующие переменные среды: 
      MONGODB_URI= < Your_MongoDB_Connection_URI >
GROQ_API_KEY= < Your_GROQ_API_Key >
COHERE_API_KEY= < Your_Cohere_API_Key >

  4. Запустите Сервер :

    • Запустите сервер разработки: 
      npm run dev
    • В вашем браузере откроется веб-страница, которую вы можете пока закрыть.

Доступ и тестирование интерфейса чат-бота ?

  1. Доступ к интерфейсу :

    • Перейдите в папку CodeCubicleConversify и откройте index.html в браузере:
      • Вариант 1. Используйте браузер по вашему выбору. ?
      • Вариант 2. Используйте расширение VS Code Live Server для локального хостинга. ⚡

  2. Создайте и протестируйте своего чат-бота :

    • В открытом веб-приложении Conversify заполните форму, добавьте базу знаний и нажмите «Отправить» . Вы получите встраиваемый элемент div , содержащий вашего чат-бота. ??

  3. Встроить чат-бота :

    • Чтобы быстро протестировать чат-бота:
      • Скопируйте весь созданный элемент div .
      • Откройте index.html в папке CodeCubicleConversify .
      • Найдите в коде следующий класс (около строки 357): 
         < div class =" side-bar-fs " >
      • Замените весь div новым, который вы скопировали, сохраните и обновите страницу.

  4. Включить преобразование текста в речь (TTS) :

    • Чтобы включить TTS для чат-бота, добавьте /tts в конец URL-адреса src в теге iframe, указанном в div . ?
      • Например: 
         < iframe src =" your_chatbot_url/tts " ... > </ iframe >

Настройка веб-приложения Conversify

  1. Зарегистрируйтесь в веб-приложении : посетите [URL-адрес веб-приложения Conversify] и создайте учетную запись.
  2. Настройте своего чат-бота : используйте предоставленные шаблоны для настройки своего чат-бота.
  3. Создать встраиваемый код : после завершения настройки вы получите код для внедрения на свой веб-сайт. ?
  4. Мониторинг и улучшение : доступ к панели мониторинга для отслеживания взаимодействия и оптимизации производительности чат-бота.

Контакты и поддержка ??

Если у вас есть какие-либо вопросы или вы столкнулись с какими-либо проблемами, не стесняйтесь обращаться в нашу службу поддержки по адресу:

  • Электронная почта : [email protected].
  • GitHub : https://github.com/MrDracs.

Теперь все готово для того, чтобы оживить чат-ботов Conversify на своем веб-сайте! ??

Участники ?

  • Аюш Шарма
  • Чираг Сингх
  • Рохит Кушваха
Расширять
Дополнительная информация
Связанные приложения
Рекомендуем вам
Связанные новости Все