作者： shiyuhang0 原文来源： https://tidb.net/blog/7b5fcdc9
# 前言
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 更酷一些的东西。
