作者： 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 可以先任意填写。下文会介绍。

步骤

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

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

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

1. 输入以下环境变量：

   • 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 然后复制即可。

1. 点击 deploy 等待创建完成。

<!---->

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

使用

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

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

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

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

总结

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