新学vue,从头直接简单重构了一下多模型并行回答的项目,来论坛分享一下成果

起因是在论坛看到了PastKing大佬的基于vue开发的AI生成思维导图的项目:

然后觉得Vue更适合用来构建我原先使用node.js仿Chathub基本界面制作的多模型并行回答的项目,之前用node.js实际上有不少bug:UI不好看,没适配移动端,个别模型响应出错,消息回复慢,部署条件苛刻等等一系列问题:

现在我借鉴 PastKing大佬的项目,借助Claude-3.5-Sonnet、以及始皇new站的GPT4蛋,从头构建了这个项目,太久没发帖子了,话有点多,现在介绍新项目:

                    LLMSTALKS多模型群聊助手

1. 首先当然是祖传配色的PC端UI:

单模型自然也有:

再简单加一个关于:

2. 至于都用上Vue了当然要顺便优化出移动端UI:

当然还很粗糙,比如markdown文本识别也没来得及加进去,凑合能看吧反正

暂时就叫:

LLMSTALKS多模型群聊助手

本项目完全开源
如果觉得不错麻烦帮忙点一次Star⭐️

项目简介

本项目是一个参考了Chathub插件的UI逻辑以及MarkMap-OpenAi-ChatGpt的vue调用API逻辑,调用大模型api。结合了Vue和LLMAS的多模型并行回答助手。用户可以同时调用相同或者不同的大模型并行进行回答

技术栈

  • 前端框架:Vue
  • UI组件库:Element Ui
  • AI模型:OpenAI API格式的模型均兼容

项目结构

├── public
│ └── index.html
├── src
│ ├── assets
│ ├── views
│ │ └── MoreModelChat.vue
│ │ └── SingleModelChat
│ │ └── About.vue
│ ├── App.vue
│ └── main.js
├── .env
├── .gitignore
├── package.json
├── README.md
└── vue.config.js

项目部署教程

  1. 克隆项目

    git clone https://github.com/zhanghxiao/LLMSTALKS.git
    cd vue
    
  2. 安装依赖

    npm install
    
  3. 配置环境变量
    在项目根目录创建一个.env文件,并添加以下内容:

    VUE_APP_API_BASE_URL=https://api.openai.com(中转地址不需要加/v1)
    VUE_APP_API_KEY=your_openai_api_key
    VUE_APP_MODELS=gpt-3.5-turbo-0125,讯飞星火v3.5,讯飞星火v3.1,讯飞星火v2.1,谷歌Gemini-pro,通义千问-plus,智谱glm-4,腾讯混元,百度ERNIE-Speed-8K,gpt-4-copilot
    (这种格式的模型列表)
    
    
  4. 运行项目

    npm run serve
    
  5. 构建项目

    npm run build
    
  6. 部署项目
    dist文件夹中的内容上传到你的服务器或静态文件托管服务(如Vercel、Netlify等)。

鸣谢参考项目

chathub:提供UI参考
mindmap-generator:提供UI和技术栈参考
songquanpeng/one-api:提供:了OpenAI 接口管理 & 分发系统

鸣谢大佬:

始皇 Neo 的New和API站,现在可以白嫖官网gpt4蛋和放心用官转API了
PastKing大佬提供的mindmap-generator项目的启发,以及右上角的那个头像我挺喜欢的就保留了

项目仓库地址:

部署方式:
支持vue框架的部署方式均可,比如vercel,CF PAG,codesandbox…

CF PAG部署教程:





接下来耐心等待:


接下来可以自己选择是否加自定义域名什么的

Vercel部署教程:



继续等待一下


下面就成功了:

接下来访问:

演示站暂时就
CF演示站:https://llmstalks1.pages.dev/
Vercel演示站:https://llmstalks.vercel.app/
学生党开源小项目 API KEY不多,各位轻虐,推荐自己部署,自主优化,点个star,记着哥们开的小头就行 :rofl:
项目暂时只做成了单轮对话节省API KEY,也还没来得及增加markdown格式文本的识别,有bug见谅,后续暑期抽空解决

21 个赞

感谢分享

4 个赞

感谢分享

3 个赞

感觉不错,有demo演示站吗

2 个赞

没演示站吗 :see_no_evil:

3 个赞

还没来得及部署云端 :joy:

2 个赞

vercel 的话,期待一个vercel教程 :face_holding_back_tears:

2 个赞

啊?我刚才出cf教程去了,vercel稍等 :joy:

2 个赞

cf ,大善人那更好了 :kissing_smiling_eyes:

2 个赞

现在有了,CF演示:https://llmstalks1.pages.dev/
以及vercel的演示站 https://llmstalks.vercel.app/
不过没配置自定义域名,旧的快到期了,新的还在选

3 个赞

感谢分享

2 个赞

出好了,其实是一样的

2 个赞

很赞 :+1:

2 个赞

有一说一大善人的pag虽然机器弱了点,但是胜在方便,相同的项目一次能跑好几个

2 个赞

感谢分享,很赞! :tieba_013:

3 个赞

感谢分享!

4 个赞

ok:tieba_013:

3 个赞

跟nextchat那样加个前端访问码吧,要不然很容易被扫到就被直接使用了

2 个赞

有道理,后续再加个访问码,然后支持一下前端自定义key模型和代理,现在开放一阵子,反正没放贵的模型,不行了就把key掐了

2 个赞

支持

1 个赞