y-gui 是什么？

y-gui 是一個(gè)基于Web的用來(lái)與ai聊天交互圖形界面，支持多種AI模型和MCP集成。它通過(guò)MCP協(xié)議擴(kuò)展了AI的功能，可以連接到Gmail、Google日歷、圖像生成服務(wù)等。

y-gui功能特點(diǎn)

• 交互式聊天界面：提供與 AI 模型進(jìn)行交互的聊天界面。

• 多機(jī)器人配置支持：支持多種機(jī)器人配置，包括不同的 base_url、api_key 和 model 組合。

• 全面的 MCP 集成系統(tǒng)：

• Gmail 訪問(wèn)與管理：可以直接通過(guò)聊天界面訪問(wèn)和管理 Gmail 郵件。

• Google 日歷集成：通過(guò)自然語(yǔ)言創(chuàng)建和管理日歷事件。

• 圖像生成功能：可以在聊天對(duì)話中直接生成圖像。

• 可擴(kuò)展框架：支持添加更多的 MCP 服務(wù)器和工具。

• 安全認(rèn)證：使用 Auth0 和 Google 登錄進(jìn)行安全認(rèn)證。

• 主題支持：支持黑暗和明亮兩種主題。

• 數(shù)據(jù)存儲(chǔ)：所有聊天數(shù)據(jù)存儲(chǔ)在 Cloudflare R2 中，方便訪問(wèn)和同步。

• 實(shí)時(shí)更新：使用 SWR 實(shí)現(xiàn)實(shí)時(shí)數(shù)據(jù)更新。

• 響應(yīng)式設(shè)計(jì)：界面適用于所有設(shè)備。

y-gui架構(gòu)設(shè)計(jì)

• 前端：使用 React、TypeScript、Tailwind CSS 和 SWR 進(jìn)行數(shù)據(jù)獲取。

• 后端：基于 Cloudflare Workers 構(gòu)建，并使用 R2 進(jìn)行數(shù)據(jù)存儲(chǔ)。

技術(shù)棧

• 前端：React、TypeScript、Tailwind CSS、SWR、Auth0。

• 后端：Cloudflare Workers、R2。

• 集成：MCP服務(wù)器、OAuth2、Gmail API、Google Calendar API、圖像生成API。

• 構(gòu)建工具：Vite、Wrangler、TypeScript。

y-gui安裝使用

前提條件

• 安裝 Node.js 和 npm。

• 擁有 Cloudflare 賬戶(hù)。

• 擁有 Auth0 賬戶(hù)。

• 獲取 AI 提供者的 API 密鑰。

安裝步驟

1. 克隆倉(cāng)庫(kù)：

git clone https://github.com/luohy15/y-gui.git
cd y-gui

2. 安裝依賴(lài)：

npm install

3. 配置環(huán)境變量：

• 在 backend/wrangler.toml 中配置 Cloudflare Worker 設(shè)置。

• 在 frontend/src/index.tsx 和 backend/src/utils/auth.ts 中更改 Auth0 設(shè)置。

4. 構(gòu)建資產(chǎn)：

npm run build

5. 部署 Cloudflare Worker：

npm run deploy

Github：https://github.com/luohy15/y-gu