chatbot ui 다운로드 - chatbot ui 소스코드 다운로드

chatbot ui

기타 소스코드

1.0.0

다운로드

챗봇 UI

모두를 위한 오픈소스 AI 채팅 앱입니다.

챗봇 UI

데모

여기에서 최신 데모를 확인하세요.

업데이트

안녕하세요 여러분! 여러분의 피드백을 듣고 대규모 업데이트를 위해 열심히 노력하고 있습니다.

더욱 간단한 배포, 향상된 백엔드 호환성, 향상된 모바일 레이아웃과 같은 기능이 곧 출시될 예정입니다.

곧 돌아오세요.

-- 맥케이

공식 호스팅 버전

직접 호스팅할 필요 없이 Chatbot UI를 사용해보세요!

여기에서 Chatbot UI의 공식 호스팅 버전을 찾아보세요.

스폰서

Chatbot UI가 유용하다고 생각하시면 저의 오픈 소스 작업을 지원하도록 후원해 주세요 :)

문제

"문제"는 코드베이스와 관련된 실제 문제로 제한됩니다.

기능 요청, 클라우드 공급자 문제 등과 같은 문제가 너무 많이 발생하고 있습니다.

설정과 같은 문제가 있는 경우 위의 "토론" 탭에 있는 "도움말" 섹션을 참조하세요.

코드베이스와 관련되지 않은 문제는 즉시 종료될 가능성이 높습니다.

토론

위의 "토론" 탭에 참여해 보시기 바랍니다!

토론은 질문하고, 아이디어를 공유하고, 도움을 받을 수 있는 좋은 장소입니다.

당신에게 질문이 있으면 다른 사람도 같은 질문을 할 확률이 높습니다.

레거시 코드

최근 챗봇 UI가 2.0 버전으로 업데이트되었습니다.

1.0에 대한 코드는 legacy 브랜치에서 찾을 수 있습니다.

업데이트 중

로컬 Chatbot UI 저장소 루트에 있는 터미널에서 다음을 실행합니다.

npm run update

호스팅된 인스턴스를 실행하는 경우 다음도 실행해야 합니다.

npm run db-push

라이브 데이터베이스에 최신 마이그레이션을 적용합니다.

로컬 빠른 시작

로컬에서 실행되는 자체 Chatbot UI 인스턴스를 얻으려면 다음 단계를 따르세요.

여기에서 전체 비디오 튜토리얼을 시청할 수 있습니다.

1. 레포 복제

git clone https://github.com/mckaywrigley/chatbot-ui.git

2. 종속성 설치

로컬 Chatbot UI 저장소의 루트 디렉터리에서 터미널을 열고 다음을 실행합니다.

npm install

3. Supabase 설치 및 로컬 실행

왜 Supabase인가?

이전에는 로컬 브라우저 저장소를 사용하여 데이터를 저장했습니다. 그러나 이는 다음과 같은 몇 가지 이유로 좋은 해결책이 아니었습니다.

보안 문제
제한된 저장용량
다중 모드 사용 사례 제한

이제 우리는 사용하기 쉽고 오픈 소스이며 Postgres이며 호스팅 인스턴스를 위한 무료 등급을 제공하는 Supabase를 사용합니다.

우리는 귀하에게 더 많은 옵션을 제공하기 위해 앞으로 다른 제공업체를 지원할 것입니다.

1. 도커 설치

Supabase를 로컬에서 실행하려면 Docker를 설치해야 합니다. 여기에서 무료로 다운로드할 수 있습니다.

2. 수파베이스 CLI 설치

맥OS/리눅스

brew install supabase/tap/supabase

윈도우

scoop bucket add supabase https://github.com/supabase/scoop-bucket.git
scoop install supabase

3. Supabase 시작

로컬 Chatbot UI 저장소 루트에 있는 터미널에서 다음을 실행합니다.

supabase start

4. 비밀을 입력하세요

1. 환경변수

로컬 Chatbot UI 저장소 루트에 있는 터미널에서 다음을 실행합니다.

cp .env.local.example .env.local

다음을 실행하여 필요한 값을 가져옵니다.

supabase status

참고: NEXT_PUBLIC_SUPABASE_URL 에 대한 supabase status 의 API URL 사용하십시오.

이제 .env.local 파일로 이동하여 값을 입력하세요.

환경 변수가 설정되면 사용자 설정에서 입력이 비활성화됩니다.

2. SQL 설정

첫 번째 마이그레이션 파일 supabase/migrations/20240108234540_setup.sql 에서 2개의 값을 위에서 얻은 값으로 바꿔야 합니다.

project_url (라인 53): http://supabase_kong_chatbotui:8000 (기본값)은 config.toml 파일에서 project_id 변경하지 않으면 변경되지 않고 그대로 유지될 수 있습니다.
service_role_key (54행): supabase status 실행하여 이 값을 얻었습니다.

이렇게 하면 저장 파일이 제대로 삭제되지 않는 문제를 방지할 수 있습니다.

5. Ollama 설치(로컬 모델의 경우 선택 사항)

여기의 지침을 따르세요.

6. 로컬에서 앱 실행

로컬 Chatbot UI 저장소 루트에 있는 터미널에서 다음을 실행합니다.

npm run chat

이제 Chatbot UI의 로컬 인스턴스가 http://localhost:3000에서 실행되어야 합니다. 호환되는 노드 버전(예: v18)을 사용해야 합니다.

http://localhost:54323/project/default/editor에서 백엔드 GUI를 볼 수 있습니다.

호스팅된 빠른 시작

클라우드에서 실행되는 자체 Chatbot UI 인스턴스를 얻으려면 다음 단계를 따르세요.

비디오 튜토리얼이 곧 제공될 예정입니다.

1. 로컬 빠른 시작 따르기

위의 '로컬 빠른 시작'에서 1~4단계를 반복합니다.

로컬 및 호스팅 인스턴스에 대해 별도의 리포지토리가 필요합니다.

GitHub에서 호스팅된 Chatbot UI 인스턴스에 대한 새 저장소를 만들고 여기에 코드를 푸시하세요.

2. Supabase를 사용하여 백엔드 설정

1. 새 프로젝트 만들기

Supabase로 이동하여 새 프로젝트를 만듭니다.

2. 프로젝트 가치 얻기

프로젝트 대시보드에 들어가면 왼쪽 맨 아래에 있는 "프로젝트 설정" 아이콘 탭을 클릭합니다.

여기서는 다음 환경 변수에 대한 값을 얻습니다.

Project Ref : "일반 설정"에서 "참조 ID"로 발견됨
Project ID : 프로젝트 대시보드 URL에서 확인 가능(예: https://supabase.com/dashboard/project/<YOUR_PROJECT_ID>/settings/general)

"설정"에 있는 동안 왼쪽의 "API" 텍스트 탭을 클릭하세요.

여기서는 다음 환경 변수에 대한 값을 얻습니다.

Project URL : "API 설정"에서 "프로젝트 URL"로 확인됩니다.
Anon key : "Project API 키"에서 "anon public"으로 발견됨
Service role key : "프로젝트 API 키"에서 "service_role"로 발견됨(알림: 이것을 비밀번호처럼 취급하십시오!)

3. 인증 구성

그런 다음 맨 왼쪽에 있는 "인증" 아이콘 탭을 클릭하세요.

텍스트 탭에서 "공급자"를 클릭하고 "이메일"이 활성화되어 있는지 확인하십시오.

개인 인스턴스에서는 "이메일 확인"을 끄는 것이 좋습니다.

4. 호스팅 DB에 접속

호스팅된 Chatbot UI 인스턴스에 대한 저장소를 엽니다.

첫 번째 마이그레이션 파일 supabase/migrations/20240108234540_setup.sql 에서 2개의 값을 위에서 얻은 값으로 바꿔야 합니다.

project_url (53행): 위의 Project URL 값을 사용합니다.
service_role_key (라인 54): 위에서 Service role key 값을 사용합니다.

이제 로컬 Chatbot UI 저장소의 루트 디렉터리에서 터미널을 엽니다. 여기서 몇 가지 명령을 실행하겠습니다.

다음을 실행하여 Supabase에 로그인합니다.

supabase login

그런 다음 위에서 얻은 "프로젝트 ID"를 사용하여 다음 명령을 실행하여 프로젝트를 연결합니다.

supabase link --project-ref < project-id >

이제 프로젝트가 연결되었습니다.

마지막으로 다음을 실행하여 데이터베이스를 Supabase로 푸시합니다.

supabase db push

이제 호스팅된 데이터베이스가 설정되었습니다!

3. Vercel을 사용하여 프런트엔드 설정

Vercel로 이동하여 새 프로젝트를 만듭니다.

설정 페이지에서 호스팅된 Chatbot UI 인스턴스에 대한 GitHub 저장소를 가져옵니다. 프로젝트 설정 내 "빌드 및 개발 설정" 섹션에서 프레임워크 사전 설정을 "Next.js"로 전환합니다.

환경 변수에서 위에서 얻은 값에서 다음을 추가합니다.

NEXT_PUBLIC_SUPABASE_URL
NEXT_PUBLIC_SUPABASE_ANON_KEY
SUPABASE_SERVICE_ROLE_KEY
NEXT_PUBLIC_OLLAMA_URL (로컬 Ollama 모델을 사용할 때만 필요함, 기본값: http://localhost:11434 )

API 키를 환경 변수로 추가할 수도 있습니다.