챗봇 UI: ChatGPT의 인터페이스와 기능을 모방한 오픈 소스 AI 채팅 앱입니다.

19.5K 00

일반 소개

챗봇 UI는 개발자가 개인화되고 지능적인 대화 인터페이스를 만들 수 있도록 설계된 오픈 소스 프로젝트입니다. 이 프로젝트는 사용자에게 보다 유동적이고 지능적인 대화 경험을 제공하기 위해 기존 챗봇 시스템에 쉽게 통합할 수 있는 일련의 인터페이스 구성 요소와 대화형 기능을 제공하며, MIT 라이선스를 기반으로 하며 깔끔한 UI 디자인과 배포가 쉬운 다양한 AI 모델 통합을 지원합니다. 깃허브의 mckaywrigley/chatbot-ui 프로젝트를 기반으로 하여 쉽게 배포하고 사용할 수 있으며, 모바일 레이아웃 최적화도 지원합니다.

기능 목록

다양한 인터페이스 구성 요소 제공
여러 AI 모델 통합 지원
심플한 UI 디자인
손쉬운 배포 및 통합
다중 계정 및 SSO 인증 지원
확장 가능한 플러그인 시스템

도움말 사용

설치 프로세스

클론 창고::

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

종속성 설치::
```
npm install
```
확장자 추가README 파일의 지침에 따라 필요에 따라 확장 기능을 활성화합니다.

애플리케이션 실행: 로컬 작업:

npm run dev

또는 Docker로 실행하세요:

docker build -t chatbot-ui .
docker run --env-file=.env.local -p 3000:3000 --name chatbot chatbot-ui

사용 지침

API 키 구성만들기.env.local파일을 열고 설정합니다:
```
OPENAI_API_KEY=YOUR_KEY
```
API 키를 사용할 수 없는 경우 사용자가 직접 키를 제공해야 합니다.
환경 변수 구성애플리케이션을 배포할 때 설정할 수 있는 환경 변수는 다음과 같습니다:
- OPENAI_API_KEY: OpenAI 인증을 위한 기본 API 키
- OPENAI_API_HOST대체 호스트 구성
- OPENAI_ORGANIZATION: OpenAI 조직 지정
기능 작동 흐름::
- 인터페이스 구성 요소제공된 컴포넌트 라이브러리를 통해 개발자는 대화 인터페이스를 빠르게 구축할 수 있습니다.
- 모델 통합다양한 AI 모델이 지원되며, 사용자는 필요에 따라 적합한 모델을 선택하여 통합할 수 있습니다.
- 플러그인 시스템다양한 비즈니스 요구 사항을 충족하는 플러그인을 통한 확장 기능.

세부 단계

인터페이스 구성 요소 사용::
- 필요한 구성 요소를 가져옵니다:
```
import { ChatComponent } from 'chatbot-ui';
```
- 애플리케이션에서 사용됩니다:
```
<ChatComponent model="gpt-3" />
```

모델 통합::

모델 매개변수를 구성합니다:

const modelConfig = {
  model: 'gpt-3',
  apiKey: process.env.OPENAI_API_KEY,
};

모델을 초기화합니다:

const chatModel = new ChatModel(modelConfig);

플러그인 시스템::

플러그인을 설치합니다:
```
npm install @chatbot-ui/plugin-name
```

플러그인을 구성합니다:

import { Plugin } from '@chatbot-ui/plugin-name';
const pluginConfig = {
  option1: 'value1',
  option2: 'value2',
};
const plugin = new Plugin(pluginConfig);