ChatGemini

ChatGemini 是一个基于 Google Gemini 的网页客户端，对标 ChatGPT 3.5，使用逻辑同 ChatGPT 3.5 一致，同时支持在聊天中上传图片，自动调用 Gemini-Pro-Vision 模型进行识图。

本项目还可自定义 Gemini API 服务器地址，用户可将本项目部署至支持 PHP 的服务器或虚拟主机上，或是自行配置 Nginx 反向代理，透过修改 Gemini API 路径，从而在中国大陆无障碍使用。

如果你对本项目感兴趣，欢迎 Star 和 Fork。

功能特性

• 适配移动端
• 操作逻辑同 ChatGPT
• 仿 ChatGPT 3.5 界面
• 支持多轮聊天对话
• 支持上传图片进行识别
• 逐字输出（SSE）回应
• 集成 PHP 版反向代理
• 自定义 Gemini API 地址
• 对话内容保存至本地
• 聊天内容导出（HTML 和 PDF）

演示站点

体验该站点需要翻墙。

ChatGemini

界面预览

移动端点击图片可查看大图。

功能	预览
主界面
多轮聊天
附件识图
逐字输出回应
聊天导出 HTML
聊天导出 PDF

应用部署

确保已安装 Node.js 和 Git，且已经得到 Gemini API 密钥。

有关 Gemini API 的申请，请前往 Google AI Studio。

准备工作完成后，执行以下步骤：

1. 将仓库 clone 至本地

$ git clone https://github.com/bclswl0827/ChatGemini

2. 进入项目目录

$ cd ChatGemini

3. 安装依赖

$ npm install

4. 修改配置

参考下方的 应用配置 章节

5. 构建项目

$ npm run build

6. 部署项目

将 build 目录下的文件部署至服务器或虚拟主机上

应用配置

项目基础配置位于根目录下的 .env 文件中，请创建该文件并根据实际情况进行配置，格式如下：

REACT_APP_GEMINI_API_KEY="你的密钥"

各配置项说明如下：

配置项	必填	可选值	默认值	说明
REACT_APP_GEMINI_API_KEY	是	string	空	填入申请得到的 Gemini API 密钥
REACT_APP_GEMINI_API_URL	否	string	空	自定义 Gemini API 地址，具体参考下方说明
REACT_APP_GEMINI_API_SSE	否	true|false	true	是否逐字输出 Gemini 回应，即是否使能 SSE
REACT_APP_TITLE_SITE	否	string	ChatGemini	站点标题，将显示在浏览器标签页上
REACT_APP_TITLE_HEADER	否	string	Gemini Pro	应用名称，显示在应用菜单栏和头部

• 若要直连 Gemini API，请将 .env 中的 REACT_APP_GEMINI_API_URL 字段留空。
• 若要使用 Nginx 反向代理，请将 .env 中的 REACT_APP_GEMINI_API_URL 修改为反向代理后的地址，例如 https://example.org/api。
• 若要使用集成的 PHP 反向代理，请将 .env 中的 REACT_APP_GEMINI_API_URL 字段修改为 /gemini.php?token=<访问密码>&path=，其中 <访问密码> 不同于 Gemini API 密钥，需自行于 public/gemini.php 中修改。

若要使用 Nginx 反向代理，路径以 /api 为例，示例如下：

location /api {
    proxy_http_version 1.1;
    proxy_read_timeout 86400s;
    proxy_cache off; # 注意关闭缓存
    proxy_buffering off; # 注意关闭缓冲
    proxy_pass https://generativelanguage.googleapis.com/;
}

开源许可

本项目基于 MIT 协议开源，具体请参阅 LICENSE