chatbot ui
1.0.0
Приложение для чата с открытым исходным кодом, доступное каждому.
Посмотреть последнюю демо-версию можно здесь.
Привет всем! Я услышал ваши отзывы и усердно работаю над большим обновлением.
Такие вещи, как более простое развертывание, лучшая совместимость с серверной частью и улучшенные макеты для мобильных устройств уже в пути.
Скоро вернусь.
-- Маккей
Используйте пользовательский интерфейс чат-бота без необходимости размещать его самостоятельно!
Официальную версию пользовательского интерфейса чат-бота можно найти здесь.
Если вы считаете пользовательский интерфейс чат-бота полезным, рассмотрите возможность спонсировать меня для поддержки моей работы с открытым исходным кодом :)
Мы ограничиваем раздел «Проблемы» реальными проблемами, связанными с кодовой базой.
Мы получаем слишком много проблем, таких как запросы функций, проблемы с поставщиками облачных услуг и т. д.
Если у вас возникли проблемы с такими вещами, как настройка, обратитесь к разделу «Помощь» на вкладке «Обсуждения» выше.
Проблемы, не связанные с кодовой базой, скорее всего, будут немедленно закрыты.
Мы настоятельно рекомендуем вам принять участие во вкладке «Обсуждения» выше!
Обсуждения — отличное место, где можно задавать вопросы, делиться идеями и получать помощь.
Скорее всего, если у вас есть вопрос, у кого-то еще есть тот же вопрос.
Пользовательский интерфейс чат-бота недавно был обновлен до версии 2.0.
Код версии 1.0 можно найти в legacy ветке.
В своем терминале в корне локального репозитория пользовательского интерфейса Chatbot запустите:
npm run updateЕсли вы запустите размещенный экземпляр, вам также потребуется запустить:
npm run db-pushчтобы применить последние миграции к вашей действующей базе данных.
Выполните следующие действия, чтобы запустить собственный экземпляр пользовательского интерфейса Chatbot локально.
Полный видеоурок вы можете посмотреть здесь.
git clone https://github.com/mckaywrigley/chatbot-ui.gitОткройте терминал в корневом каталоге вашего локального репозитория пользовательского интерфейса Chatbot и запустите:
npm installРаньше мы использовали локальное хранилище браузера для хранения данных. Однако это не было хорошим решением по нескольким причинам:
Теперь мы используем Supabase, потому что он прост в использовании, имеет открытый исходный код, это Postgres и имеет уровень бесплатного пользования для размещенных экземпляров.
В будущем мы будем поддерживать других поставщиков, чтобы предоставить вам больше возможностей.
Вам потребуется установить Docker для локального запуска Supabase. Вы можете скачать его здесь бесплатно.
MacOS/Линукс
brew install supabase/tap/supabaseОкна
scoop bucket add supabase https://github.com/supabase/scoop-bucket.git
scoop install supabaseВ своем терминале в корне локального репозитория пользовательского интерфейса Chatbot запустите:
supabase startВ своем терминале в корне локального репозитория пользовательского интерфейса Chatbot запустите:
cp .env.local.example .env.localПолучите необходимые значения, выполнив:
supabase status Примечание. Используйте API URL из supabase status для NEXT_PUBLIC_SUPABASE_URL
Теперь перейдите к файлу .env.local и заполните значения.
Если переменная среды установлена, она отключит ввод в настройках пользователя.
В первом файле миграции supabase/migrations/20240108234540_setup.sql вам нужно будет заменить 2 значения значениями, которые вы получили выше:
project_url (строка 53): http://supabase_kong_chatbotui:8000 (по умолчанию) может остаться неизменным, если вы не измените свой project_id в файле config.tomlservice_role_key (строка 54): вы получили это значение при запуске supabase statusЭто предотвращает проблемы с неправильным удалением файлов хранилища.
Следуйте инструкциям здесь.
В своем терминале в корне локального репозитория пользовательского интерфейса Chatbot запустите:
npm run chatТеперь ваш локальный экземпляр пользовательского интерфейса Chatbot должен работать по адресу http://localhost:3000. Обязательно используйте совместимую версию узла (т. е. v18).
Вы можете просмотреть свой внутренний графический интерфейс по адресу http://localhost:54323/project/default/editor.
Выполните следующие действия, чтобы запустить собственный экземпляр пользовательского интерфейса чат-бота в облаке.
Видеоурок скоро появится.
Повторите шаги 1–4 из раздела «Краткий локальный запуск» выше.
Вам понадобятся отдельные репозитории для локальных и размещенных экземпляров.
Создайте новый репозиторий для размещенного вами экземпляра пользовательского интерфейса Chatbot на GitHub и разместите в нем свой код.
Перейдите в Supabase и создайте новый проект.
Как только вы окажетесь на панели управления проектом, щелкните вкладку со значком «Настройки проекта» в левом нижнем углу.
Здесь вы получите значения для следующих переменных среды:
Project Ref : находится в «Общих настройках» как «Идентификатор ссылки».
Project ID : находится в URL-адресе панели мониторинга вашего проекта (например: https://supabase.com/dashboard/project/<YOUR_PROJECT_ID>/settings/general).
Находясь в «Настройках», нажмите текстовую вкладку «API» слева.
Здесь вы получите значения для следующих переменных среды:
Project URL : находится в «Настройках API» как «URL-адрес проекта».
Anon key : найден в «Ключах API проекта» как «anon public».
Service role key : находится в «Ключах API проекта» как «service_role» (Напоминание: относитесь к этому как к паролю!)
Затем нажмите на вкладку со значком «Аутентификация» в крайнем левом углу.
На текстовых вкладках нажмите «Поставщики» и убедитесь, что «Электронная почта» включена.
Мы рекомендуем отключить «Подтверждение электронной почты» для вашего личного экземпляра.
Откройте свой репозиторий для размещенного экземпляра пользовательского интерфейса чат-бота.
В первом файле миграции supabase/migrations/20240108234540_setup.sql вам нужно будет заменить 2 значения значениями, которые вы получили выше:
project_url (строка 53): используйте значение Project URL , указанное выше.service_role_key (строка 54): используйте значение Service role key , указанное выше.Теперь откройте терминал в корневом каталоге вашего локального репозитория пользовательского интерфейса Chatbot. Здесь мы выполним несколько команд.
Войдите в Supabase, выполнив:
supabase loginЗатем свяжите свой проект, выполнив следующую команду с идентификатором проекта, который вы получили выше:
supabase link --project-ref < project-id >Теперь ваш проект должен быть связан.
Наконец, отправьте свою базу данных в Supabase, выполнив:
supabase db pushТеперь ваша размещенная база данных должна быть настроена!
Перейдите в Версель и создайте новый проект.
На странице настройки импортируйте репозиторий GitHub для размещенного экземпляра пользовательского интерфейса Chatbot. В настройках проекта в разделе «Настройки сборки и разработки» переключите предустановку платформы на «Next.js».
В переменные среды добавьте следующее из значений, полученных выше:
NEXT_PUBLIC_SUPABASE_URLNEXT_PUBLIC_SUPABASE_ANON_KEYSUPABASE_SERVICE_ROLE_KEYNEXT_PUBLIC_OLLAMA_URL (требуется только при использовании локальных моделей Ollama; по умолчанию: http://localhost:11434 )Вы также можете добавить ключи API в качестве переменных среды.
OPENAI_API_KEYAZURE_OPENAI_API_KEYAZURE_OPENAI_ENDPOINTAZURE_GPT_45_VISION_NAMEПолный список переменных среды см. в файле «.env.local.example». Если переменные среды установлены для ключей API, это отключит ввод в настройках пользователя.
Нажмите «Развернуть» и дождитесь развертывания вашего интерфейса.
После развертывания вы сможете использовать размещенный экземпляр пользовательского интерфейса Chatbot через URL-адрес, который вам предоставит Vercel.
Мы работаем над руководством по участию.
Сообщение Маккею в Twitter/X
