一个粗糙的Next.js-tailwindcss仿OpenAI的Web-UI

项目地址:
https://github.com/habacat/oai-web-gpt

由于github上没有太好的官网UI项目,大都是从官网直接copy的js可编辑性不强(也可能是我没找到),所以趁机自己糊一个玩玩。估计应该没什么人看,自娱自乐弄得,写的不好求轻喷。

目前是只做了对于OpenAI Key的支持,之后可能做对Accesstoken的支持。

  • 如何运行

    • 首先要把.env.example文件复制为.env.development和.env.production,方便控制开发时的和编译时的环境。然后填写相关的环境变量。需要填写访问码用于控制是否允许用户注册/登录。
    • 使用nodejs最新ltsc版本,npm i 安装依赖,npx next dev 运行。
    • 编译运行可以极大提高页面浏览速度,使用 npx next build 即可编译(约1分钟),编译后使用 npx next start [-p yourport] 可以运行。-p 用于指定端口,默认使用3000端口。
    • 已在Windows10专业工作站版和Debian11上成功部署测试。
  • 用户登录逻辑:在访问码正确的情况下,能找到用户名则检测密码匹配,找不到则自动注册创建新用户。支持会话隔离。

  • 默认数据库使用prisma操纵sqlite,也可以换成别的。数据库管理页面:npx prisma studio 然后网页访问localhost:5555

演示截图:

因为是随手糊的,功能确实是特别简陋。各位图一乐。出了问题尽量自己解决,因为作者又笨又懒估计也解决不了

2 Likes

前排支持

有类似的,https://github.com/dcityteg/gunara,
其实可以打包成镜像,方便部署

支持 期待继续完善

期待完善