本次分享一下如何搭建一个Gemini chat ，首先讲一下本次实验所需要的东西:

  1. 一个google账号

  2. 一个github账号

  3. 一个可用的域名

我会把这次用到的网站放在此次文章中，项目地址:babaohuang/GeminiProChat

1.Fork项目

首先我们要Fork一下这个项目方便我们在使用Vercel部署的时候选用仓库

image-20240131120806157

然后我们来到Fork后的仓库，点击Deploy with Vercel按钮会自动跳转到Vercel部署界面

image-20240131120956723

image-20240131121134641

如果你是第一次使用Vercel你需要先登录在使用。

2.获得Gemini API key

到这里我们不能直接创建我们需要去创建一个Gemini的API key

1、登录谷歌开发者平台

成功登陆谷歌账号后，点击以下网址：

Build with the Gemini API | Google AI for Developers

界面如下：

image-20240131121558130

点击“Get API key in google AI Studio”

2、进入创建 API 界面

点击：Create API key in new project

image-20240131121756255

点击Copy复制API key，这个API key会一直显示，每次使用只需要找到它点开复制就行了

image-20240131121931614

3.使用Vercel部署项目

到这里项目已经完成一大半了，下面设置一下环境变量，我们回到Vercel

image-20240131122455389

在"GEMINI_API_KEY"后面填写你刚才获取的API Key的值

部署完成后，打开这个项目

image-20240131122616234

我们点开设置来设置域名，因为Vercel自动给你分配的域名是不能用的，所以我们要使用自己的域名。

4.更改域名

我们在这里添加一个域名

image-20240131122948519

如果你在域名服务商没有配置解析记录的话它这里会提示你设置域名解析的

image-20240131123100669

按照这个形式在你的域名服务商配置一下就好了

image-20240131123208277

再回来就可以看到这个域名生效了

5.测试网站

我们进入这个网站里面测试一下

image-20240131123351218

发现可以正常使用

如果部署过程中有什么问题可以在文章下面留言哦😀