Chatbot UI: una aplicación de chat con inteligencia artificial de código abierto que imita la interfaz y las funciones de ChatGPT.

Introducción general

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

Lista de funciones

• 提供多种界面组件
• 支持多种AI模型集成
• 简洁的UI设计
• 易于部署和集成
• 支持多账户和SSO认证
• Sistema extensible de complementos

Utilizar la ayuda

Proceso de instalación

1. almacén de clones::

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

2. Instalación de dependencias::

   npm install
   

3. Añadir extensión： 根据需要启用扩展，按照README文件中的说明进行操作。
4. Ejecutar la aplicación： 本地运行：

   npm run dev
   

   或使用Docker运行：

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

Instrucciones de uso

1. Configuración de la clave API： 创建一个.env.local文件并设置：

   OPENAI_API_KEY=YOUR_KEY
   

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

2. Configuración de variables de entorno： 部署应用时，可以设置以下环境变量：
   • OPENAI_API_KEY：用于OpenAI认证的默认API密钥
   • OPENAI_API_HOST：配置替代主机
   • OPENAI_ORGANIZATION：指定OpenAI组织
3. Función Flujo de operaciones::
   • 界面组件：通过提供的组件库，开发者可以快速构建对话界面。
   • integración de modelos：支持多种AI模型，用户可以根据需求选择合适的模型进行集成。
   • sistema enchufable：通过插件扩展功能，满足不同的业务需求。

Pasos detallados

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

     import { ChatComponent } from 'chatbot-ui';
     

   • 在应用中使用：

     <ChatComponent model="gpt-3" />
     

2. integración de modelos::
   • 配置模型参数：

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

   • 初始化模型：

     const chatModel = new ChatModel(modelConfig);
     

3. sistema enchufable::
   • 安装插件：

     npm install @chatbot-ui/plugin-name
     

   • 配置插件：

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