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

일반 소개

Chatbot UI 是一个开源项目，旨在帮助开发者创建个性化的智能对话界面。该项目提供了一系列界面组件和交互功能，可以轻松集成到现有的Chatbot系统中，为用户提供更加流畅和智能的对话体验。Chatbot UI 基于MIT许可证，支持多种AI模型集成，具有简洁的UI设计和易于部署的特点。基于GitHub上的mckaywrigley/chatbot-ui项目，你可以轻松地部署和使用它，还支持手机布局优化。

기능 목록

• 提供多种界面组件
• 支持多种AI模型集成
• 简洁的UI设计
• 易于部署和集成
• 支持多账户和SSO认证
• 확장 가능한 플러그인 시스템

도움말 사용

설치 프로세스

1. 클론 창고::

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

2. 종속성 설치::

   npm install
   

3. 확장자 추가： 根据需要启用扩展，按照README文件中的说明进行操作。
4. 애플리케이션 실행： 本地运行：

   npm run dev
   

   或使用Docker运行：

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

사용 지침

1. API 키 구성： 创建一个.env.local文件并设置：

   OPENAI_API_KEY=YOUR_KEY
   

   如果没有API密钥，用户需要提供自己的密钥。

2. 환경 변수 구성： 部署应用时，可以设置以下环境变量：
   • OPENAI_API_KEY：用于OpenAI认证的默认API密钥
   • OPENAI_API_HOST：配置替代主机
   • OPENAI_ORGANIZATION：指定OpenAI组织
3. 기능 작동 흐름::
   • 界面组件：通过提供的组件库，开发者可以快速构建对话界面。
   • 모델 통합：支持多种AI模型，用户可以根据需求选择合适的模型进行集成。
   • 플러그인 시스템：通过插件扩展功能，满足不同的业务需求。

세부 단계

1. 界面组件使用::
   • 导入所需组件：

     import { ChatComponent } from 'chatbot-ui';
     

   • 在应用中使用：

     <ChatComponent model="gpt-3" />
     

2. 모델 통합::
   • 配置模型参数：

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

   • 初始化模型：

     const chatModel = new ChatModel(modelConfig);
     

3. 플러그인 시스템::
   • 安装插件：

     npm install @chatbot-ui/plugin-name
     

   • 配置插件：

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