ChatGPT UI 相关代码

上面讲了一些使用，这里分享一下代码和开发计划，具体的计划可见 https://ceks9foaej.feishu.cn/docx/SdSrdhJgKoLj4ixN1HOcF5Ydn1e

文档概述

本文主要介绍一下 ChatGPT 相关的对接开发工作，项目代码见 https://github.com/zhangyunan1994/ChattyAI

💎成果展示

🏠 用户端展示

用户登录展示

用户登录成功后首页，在这个页面可以通过【新建聊天】进行快速的提问

正常提问之外可以输入 @ 来唤出图片名称，图片名称支持 256*256，512*512，1024*1024 三种尺寸，选择对应的尺寸后，在后面正常输入图片的描述即可，效果如下图

为了方便提问，内置了部分提示词，通过【提示词商店】-> 【在线】然后按照图示添加简体或者繁体提示词

提示词下载成功后，可以在本地查看。如有特殊的提示词也可以手动添加

添加完提示词后，可以在输入 / 来唤出已经添加的提示词，如下：

在输入框旁边提供了将对话内容以图片的方式导出和关闭上下文功能的操作。

在设置中可以修改用户的名称，头像等信息

在高级中可以修改 GPT 回答问题的相关度

🚵♀️ 管理端展示

用户管理

在用户管理里面可以配置用户的角色、状态、过期时间、密码等，具体可见下面创建图

敏感词设置

为了防止一些敏感数据（公司密码、公司代码）等信息意外泄漏，可以通过敏感词预先将这些数据配置出来，当用户提问时包含敏感词时，则不会将对应提问发送到 ChatGPT。在命中记录中可以到用户提的哪些问题命中的敏感词。

对话记录

为了保持上下文和计算每次对话消耗的 token，每次对话都会保存下来，方便计算消耗的 token

Openai 池

在 chatgpt 提问的时候，每个 api 都会对应的限流和限额，可以通过配置多个 openai key 来分摊对话费用和提高每分钟可提问的数量。在添加 openai key 时，可以配置该 key 支持的模型（GPT-3 或者 GPT-4）

🔍问题分析

用户端问题

1. 用户端用来展示的聊天记录保存在本地浏览器，虽然后端也有存，但是未提供查询操作
2. 因为聊天记录存在本地浏览器，同一个浏览器多个账号登录可以看到其他人的聊天记录
3. 用户端的一些用户配置未保存到服务端，例如头像、用户名、以及高级中的 GPT 对话配置
4. 用户端未提供修改密码功能

管理端问题

1. 用户提问的资费相关功能缺失
2. 用户管理没有提供重置密码功能

🚀未来计划

目标与计划

以下计划主要分 3 种类型

问题计划：主要修改上面的问题

功能计划：新增新功能

试验计划：技术性试验，不修改功能

问题计划

• 管理端：创建用户的时候增加角色配置
• 管理端：用户提问的资费相关功能缺失
• 管理端：用户管理没有提供重置密码功能
• 用户端：未提供修改密码功能
• 用户端：一些用户配置未保存到服务端，例如头像、用户名、以及高级中的 GPT 对话配置
• 用户端：解决聊天记录同步问题
• 用户端：生成的图片具有有效期，解决下载问题

功能计划

• 增加用户额度配置，超过额度后提示用户和管理员
• 增加 OpenAI Key 的检测功能，当 key 被 ban 后，自动剔除并通知管理员
• 接入 GPT4

试验计划

• 使用 Go 语言实现一遍用户端功能
• 通过调用官网接口方式减少 openai key 的使用
• 增加其他模型的适配，例如：MJ、、科大讯飞星火、百度文心一言、ChatGLM
• LangChain 的研究
• ChatGPT Plus 插件的研究