# 前言

TiDB Serverless 去年就有和 Vercel 的集成了，同时还有一个 bookstore template 方便大家体验。但个人感觉 bookstore 不够炫酷，借 2023 TiDB hackthon 的机会，我搞了个 mask chatbot，你可以在 mask chatbot 上选定角色，基于此生成 prompt 来更好的使用 ChatGPT。

Mask chatbot 是基于一个模版修改而来。我将他的底层替换为了 TiDB Serverless，并添加加了一些新的能力。

准备工作

确保你准备好了：

TiDB Serverless 账号

Vercel 账号

Github 账号

Github OAuth App: 点击 创建，Authorization callback URL 可以先任意填写。下文会介绍。

步骤

在 mask-chabot 仓库点击 deploy 按钮，将会跳转到一个配置页面

创建 repo：在配置页面先输入你的 repo 名字，点击创建

添加 TiDB serverless integration 集成：按照指创建或选择你的 TiDB Serverless 集群即可。

输入以下环境变量：

OPENAI_API_KEY: open ai 的 api key（怎么创建 open ai 账号就不在本文范围了）

AUTH_SECRET: 使用该命令生成一个即可 `openssl rand -base64 32`

AUTH_GITHUB_ID: 进入 Github->settings->developer settings->OAuth Apps 找到之前创建的 app，点击进入复制其 Client ID 即可。

AUTH_GITHUB_SECRET：在上一步 OAuth App 中点击 create a new client secret 然后复制即可。

点击 deploy 等待创建完成。

创建完后，你就会进入 vercel 该项目的主页了。这时将你的 OAuth app 中的 Authorization callback URL 修改为https://${你的domain}/api/auth/callback/github。

使用

上面六步就部署完一个独属于你的 chatbot 了。你也可以分享给别人，上面做的你可能觉得复杂的 Github OAuth app 都是为了鉴权登陆，基于此，每个人之间就是隔离的了。

随意选择一个角色让 AI 进行扮演：Chatbot 会以一个预设的 prompt 开场，帮助你更好解决问题。

可以自定义 prompt：prompt 按用户隔离存储在 TiDB Serverless 中

可以分享你的聊天：聊天记录按用户隔离存储在 TiDB Serverless 中

总结

这是个人的 hackthon 项目，得奖可能是没啥希望了，毕竟还有更多优秀的作品。不过本文主要是想分享出来，个人感觉还挺好用的。而且可以给大家介绍如何丝滑的使用 TiDB Serverless vercel integration，几分钟内就构建一个比 bookstore 更酷一些的东西。