半年来各种 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类型的

测试一下

结束了。