ChatHub：多聊天机器人合一浏览器扩展

本文介绍 ChatHub，一个支持多聊天机器人合一的浏览器扩展，可同时使用 ChatGPT、Claude、Bing Chat 等多个 AI 服务。

项目简介

ChatHub 是一个功能强大的浏览器扩展，由 chathub-dev 团队开发，基于 TypeScript 编写。该项目将多个主流 AI 聊天机器人整合到一个界面中，支持同时与多个 AI 对话，方便用户对比不同模型的回答。

核心功能

多机器人支持

ChatHub 支持以下 AI 服务：

机器人	说明
ChatGPT	OpenAI GPT 模型
Claude	Anthropic Claude
Bing Chat	微软 Bing AI
Google Bard	Google Gemini
文心一言	百度文心一言
讯飞星火	科大讯飞星火

主要特性

统一界面 - 一个窗口管理所有 AI 对话
并行对话 - 同时向多个 AI 发送相同问题
对比模式 - 并排对比不同 AI 的回答
聊天记录 - 本地保存对话历史
Prompt 管理 - 预设提示词模板
导出功能 - 导出对话为 Markdown/PDF

技术栈

技术	用途
TypeScript	主要编程语言
React	UI 框架
Plasmo	浏览器扩展框架
Tailwind CSS	样式系统

架构设计

text

┌─────────────────────────────────────────┐
│              ChatHub Popup              │
├─────────────────────────────────────────┤
│  ┌─────────┐ ┌─────────┐ ┌─────────┐   │
│  │ ChatGPT │ │ Claude  │ │ Bing    │   │
│  │  Panel  │ │  Panel  │ │  Panel  │   │
│  └─────────┘ └─────────┘ └─────────┘   │
├─────────────────────────────────────────┤
│         Proxy Fetch Service             │
│    (处理跨域和 API 请求)                 │
└─────────────────────────────────────────┘

核心代码亮点

Proxy Fetch 服务

解决浏览器扩展的跨域限制问题：

typescript

// src/services/proxy-fetch.ts
export async function proxyFetch(url: string, options: RequestInit) {
  // 通过 background service worker 转发请求
  return chrome.runtime.sendMessage({
    type: 'PROXY_FETCH',
    url,
    options,
  });
}

多机器人管理

统一的机器人类型定义和接口：

typescript

enum BotId {
  ChatGPT = 'chatgpt',
  Claude = 'claude',
  Bing = 'bing',
  Bard = 'bard',
  // ...
}

interface Bot {
  id: BotId;
  name: string;
  avatar: string;
  sendMessage(prompt: string): Promise<string>;
}

安装方式

Chrome / Edge

访问 Chrome Web Store
搜索 "ChatHub"
点击安装

Firefox

访问 Firefox Add-ons
搜索 "ChatHub"
点击安装

本地构建

bash

# 克隆项目
git clone https://github.com/chathub-dev/chathub.git

# 安装依赖
pnpm install

# 开发模式
pnpm dev

# 构建
pnpm build

使用场景

AI 对比测试 - 向多个 AI 提问，对比回答质量
备用方案 - 某个 AI 不可用时切换到其他
功能互补 - 利用不同 AI 的特长
效率提升 - 无需打开多个网站

隐私说明

对话数据存储在本地浏览器
API 请求直接发送到对应服务商
不经过第三方服务器

项目链接

GitHub 仓库: https://github.com/chathub-dev/chathub
Stars: 10,541
语言: TypeScript
官网: https://chathub.gg

类似工具对比

工具	特点
ChatHub	多合一，统一界面
Poe	独立平台，需注册
You.com	搜索引擎集成
ChatALL	开源，桌面应用