🚀 AI API HUB 把市面上常用的一些模型,塞进了一个网页里 🤯

事情是这样的——

我平时写代码、写文档、摸鱼画图、偶尔还想让通义千问帮我生成个视频玩玩。然后 我每天的状态是这样的:

打开 ChatGPT → 切到 DeepSeek 聊中文 → 再切到千问试视频 → 写写代码,或者做做vibe coding, 又得回到GPT…

每个平台长得不一样、用法不一样、API key 管得乱七八糟,切来切去我人都麻了。

于是我干了件程序员都会干的事:受不了了,自己写一个。

所以它的重点就是 把所有支持的模型接在一起的前端页面,跑在我自己浏览器里。

  • 没有后端服务器
  • 不收集任何数据
  • API key 存在自己电脑
  • 在线体验起来也很快

👀 预览和源码

在这里插入图片描述

在线体验的地址: https://pldz1.com/io/llm/
Github 源码: ai-api-hub
Gitee 备份 :ai-api-hub

🤖 哪些模型?

我平时用的:

聊天的:

  • GPT-5.5 🧠 — 最新最强,贵是贵,但复杂任务真离不开它
  • GPT-5.4 / 4.1 / 4o — 按需切,丰俭由人
  • DeepSeek V4 Pro 🔮 — 啊,不吹不黑,还行吧
  • DeepSeek V4 Flash ⚡ — 也还可以吧,反正都是一家
  • Qwen 3.7 Max 🐉 — 阿里的旗舰 阿里云的免费额度,不用白不用

画图的:

  • GPT-Image-2 🖼️ — 真的很不错啊
  • Qwen-Image-2.0 Pro 🐉 — 可以点赞

视频的(千问万相系列):

  • 文字转视频、图片转视频、多模态参考生成、视频编辑 wan2.7几个类别的 🎬

🏗️ 技术栈

Vue 3 + TypeScript + Vite 6 + Vuex 4 + Vue Router + DaisyUI + Tailwind CSS


🚀 跑起来超简单

npm install
npm run dev
# 浏览器打开 http://127.0.0.1:20090,完事

进去点"进入工作空间",把你的 API key 填上,就能开聊了。


📹 关于视频生成 Dashscope的接口

千问的视频生成接口,在浏览器端直接调会跨域被拦 🚧,这个是浏览器安全策略,绕不开。

我的解决方案是——在线体验的地址配了个 Nginx 反向代理。如果你是从代码仓库拉的,white已经做好了转发

但! 如果你不想折腾 Nginx,或者担心安全,不勾选 proxy 选项就行了,视频功能他只能发送任务了,没办法获得任务的状态


📜 最后

还是老样子 MIT 开源,拿走随便用,随便改。
目前测试的也不够,反正 还是给自己个人使用的。欢迎大家一起贡献吧

Logo

汇聚全球AI编程工具,助力开发者即刻编程。

更多推荐