AI开发实战(001):使用 ChatUI、Bard、ChatGPT 开发一个聊天工具

悟空软件阅读量:1495 次浏览2023-08-19

半年来各种 LLM 工具使用了很多,当然是以 Chat 为主,来回切换的用。但是作为一个做产品的架构师,时间长不写代码也手痒, 今天从头开始构建一个工具,来解决日常的各种需求。

今天第一天先来构建一个聊天工具,对接下 OpenAI,把自己最常用的聊天需求给整起来。

顺便测试下 AI 写代码的能力。

先看下效果

OpenAI Key

打开 OpenAI 查看 API:

https://platform.openai.com/account/api-keys

后端实现

后端我们使用 FastAPI 实现。

先设置环境变量:

成功

 

前端

我们使用 阿里的 ChatUI 来实现前端界面:

• https://chatui.io/

创建HTML

编写setup.js 调整相关配置:

访问 http://127.0.0.1:8083/ :

后台数据对接

前后端打通,需要统一数据结构。

查看官网文档,ChatUI 支持的消息类型的数据结构:

让 Bard 帮我生成下代码结构:

一次成功了:

然后补充text类型的

测试一下

 

结束了。

登录/注册
客服电话
售前咨询