azure openai gpt4 chat

Azure-Openai-GPT4-чат

Chatgpt-подобный потоковой чат бот, основанный на Azure Openai и GPT-4

Примечание: проект и документация в процессе

О

Это простое приложение для чата, которое транслирует сообщения в экземпляр Azure OpenAI Services, используя развертывание модели GPT-4

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

• Node.js> = 20.x (с npm> = v10.x)
• Azure Подписка
  • Azure Open Access включен
  • Azure Open Services развернута вместе с моделью GPT-4
    • Ключ API для развернутой услуги

Бег на местном уровне

1. Clone Repo git clone https://github.com/cu-cit-cloud-team/azure-openai-gpt4-chat.git
2. Введите каталог cd azure-openai-gpt4-chat
3. Копировать .env.local.example to .env.local и заполнить значения
4. При использовании локально установленного node.js:
   1. Установить зависимости npm install
   2. Запустите проект локально npm run dev
5. При использовании DevContainer:
   1. Открыть в DevContainer (автоматически установлены зависимости)
   2. Запустить проект npm run dev
6. Посетите http://localhost:3001 в вашем браузере
7. ctrl + c , чтобы остановиться

Функции

• Общение с моделью Azure OpenAI GPT-4
• Ответы чата транслируются в режиме реального времени для опыта, подобного Chatgpt
• Использует textarea для ввода для поддержки с несколькими линиями
  • Focus textarea на странице загрузки
  • textarea Авторазирует при вводе
  • enter ключ для отправки сообщения
  • shift + enter для новой линии
• Индикатор загрузки рядом с ответом в чате, пока он не закончится
• Форматы кодовые блоки и другая отметка внутри сообщений чата хорошо
• Текущая история чата хранится в местном хранении браузера
• Просмотреть/редактировать системное сообщение для сеанса чата (например, вы полезный помощник по искусственному интеллекту »)
• Просмотр/редактирование параметров сеанса чата (например, температура, вверху P и т. Д.)
• Живое количество токенов (используемые/оставшиеся) отображается для сообщений и системного сообщения
• Изменить модель Azure Openai (GPT-4, GPT-3.5 и т. Д.)
• Скачать текущую историю чата как JSON
• Очистить текущую историю чата
  • Сочетание клавиш ( cmd + esc ), когда textarea фокусируется
• Скопируйте полные сообщения и ответы на буфер обмена
  • Скопируйте отдельные фрагменты кода (в пределах ответов) в буфер обмена
• Удалить отдельные сообщения и ответы из истории чата
• Остановите ответ, который в настоящее время транслируется (полезно для длинных ответов, которые не нужны)
• Регенерируйте последний ответ
• Размещено через Azure App Service
  • Построенный/развернут с действиями GitHub
  • Azure App Service App заблокировано через объявление только для нашей команды
  • Попытка идентифицировать пользователя из сеанса входа в систему и персонализировать сеанс чата
• Использует относительное время для чата
  • Относительное время имеет всплывающую всплеску с полной меткой времени
  • Подсказка показывает время для того же дня и полное дату/время, если старше, чем «сегодня»
• Тема изменяет с несколькими легкими и темными темами
  • По умолчанию light или dark на основе предпочтения системы
• Отзывчивый макет
• DevContainer для местного развития

Дорожная карта

Запланировано

• В настоящее время нет новых функций

Потенциал

• Сессия импорта чата от JSON
• Несколько чатов
  • Боковая панель с прокручиваемым и фильтруемым списком сеансов чата
  • Состояние через локальное хранилище
  • Удалить отдельные сеансы чата
  • Экспортируйте отдельные чаты в JSON
  • Сессии импорта чата от JSON

Использование

• Реагировать
  • JavaScript Framework
• Next.js
  • Реагировать структуру
• Vercel ai sdk
  • Библиотека JS для UI-мощных UI
• Langchain.js
  • Библиотека JS для взаимодействия с LLMS (например, GPT-4)
• Tailwind CSS
  • CSS Framework
• Daisyui
  • Библиотека компонентов для Tailwind CSS
• Azure Openai Service
  • Развертывания API и модели (GPT-4 и GPT-3.5)
• Azure App Service
  • Хостинг приложений и аутентификация пользователей
• Действия/рабочие процессы GitHub
  • Создание/публикация в Azure App Service
  • Построить уведомления
  • Создайте выпуск GH
  • Обновления зависимости