Skip to content

Deploy a Gemini multimodal chat website in 10 seconds, Severless!只需准备一个Gemini API Key,10秒即可部署一个Gemini多模态对话的网站。

Notifications You must be signed in to change notification settings

200433zc/gemini-playground

 
 

Repository files navigation

Gemini 2.0 PlayGround

Gemini 2.0 游乐场

作者:技术爬爬虾

B站,YouTube,抖音,公众号 全网同名。转载请注明作者。

项目简介

只需准备一个Gemini API Key,10秒即可部署一个Gemini多模态对话的网站。 不限地区/网络环境,打开即用。 使用Deno/Cloudflare Worker无服务器免费部署。 对Gemini Chat API 进行了格式转换,中转为更通用的OpenAI格式,国内直连可用。 可对接AI编程,接入ChatBox等AI客户端。

Deno部署(推荐)

  1. fork本项目

  2. 登录/注册 https://dash.deno.com/

  3. 创建项目 https://dash.deno.com/new_project

  4. 选择此项目,填写项目名字(请仔细填写项目名字,关系到自动分配的域名)

  5. Entrypoint 填写 src/deno_index.ts 其他字段留空

    如图

    image

  6. 点击 Deploy Project

  7. 部署成功后获得域名,点开即用。域名同样可以作为Chat API的代理使用。

Cloudflare Worker 部署

Deploy to Cloudflare Workers

  1. 点击部署按钮

  2. 登录Cloudflare账号

  3. 填入Account ID,与API Token

  4. Fork本项目,开启Github Action功能

  5. 部署,打开dash.cloudflare.com,查看部署后的worker

  6. 国内使用需要绑定一个自定义域名

    如图

    image

国内使用cloudflare有时候可能出现400: User location is not supported for the API use. 可能是粤港地区Cloudflare路由到了香港的CDN节点代理导致的。建议换成Deno部署。

本地调试

Windows 安装Deno:

irm https://deno.land/install.ps1 | iex

Mac/Linux 安装Deno:

curl -fsSL https://deno.land/install.sh | sh

启动项目:

cd 项目目录
deno run --allow-net --allow-read src/deno_index.ts

使用方法

多模态对话

填入API Key, 点击Connect按钮即可对话。 以下三个按钮分别是:

  • 启用麦克风
  • 启用摄像头
  • 分享屏幕

如图 ![image](/docs/images/2.png)

API 代理

API已经被代理为OpenAI格式,可以直接使用OpenAI格式的API。 注意替换域名与Gemini API Key。

可用模型列表:

curl --location 'http://your.domain.com/v1/models' \
--header 'Authorization: Bearer YOUR-GEMINI-API-KEY'

对话:

curl --location 'https://your.domain.com/v1/chat/completions' \
--header 'Authorization: Bearer YOUR-GEMINI-API-KEY' \
--header 'Content-Type: application/json' \
--data '{
    "messages": [
        {
            "role": "system",
            "content": "You are a test assistant."
        },
        {
            "role": "user",
            "content": "Testing. Just say hi and nothing else."
        }
    ],
    "model": "gemini-2.0-flash-exp"
}'

ChatBOX:

如图

image

Cursor编程:

如图

image

致谢/引用:

网站UI:

Author: ChrisKyle
Project: https://github.com/ViaAnthroposBenevolentia/gemini-2-live-api-demo
MIT License : https://github.com/ViaAnthroposBenevolentia/gemini-2-live-api-demo/blob/main/LICENSE

Gemini转成OpenAI格式:

Author: PublicAffairs
Project: https://github.com/PublicAffairs/openai-gemini
MIT License : https://github.com/PublicAffairs/openai-gemini/blob/main/LICENSE

About

Deploy a Gemini multimodal chat website in 10 seconds, Severless!只需准备一个Gemini API Key,10秒即可部署一个Gemini多模态对话的网站。

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 85.6%
  • CSS 8.6%
  • HTML 3.1%
  • TypeScript 2.7%