当前位置: 首页 > news >正文

基于 Vercel TiDB Serverless 的 chatbot

作者: 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 按钮,将会跳转到一个配置页面

image.png

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

image.png

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

image.png

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

image.png

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

<!---->

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

image.png

使用

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

image.png

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

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

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

总结

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

http://www.lryc.cn/news/131869.html

相关文章:

  • Android 多渠道打包及VasDolly使用
  • LeetCode 42题:接雨水
  • spring boot 提示:程序包不存在,解决方法总结
  • docker项目实战
  • 银行客户关系管理系统springboot财务金融进销存java jsp源代码
  • Maven 插件 maven-antrun-plugin 执行 ant 脚本
  • 【仿写框架之仿写Tomact】四、封装HttpRequest对象(属性映射http请求报文)、HttpResponse对象(属性映射http响应报文)
  • LeetCode 41题:缺失的第一个正数
  • 学单片机有什么用?
  • Go 1.21新增的 slices 包详解(二)
  • 解决charles无法抓取localhost数据包
  • 基于注解优雅的实现接口幂等性
  • flutter:webview_flutter和flutter_inappwebview的简单使用
  • opencv进阶09-视频处理cv2.VideoCapture示例(打开本机电脑摄像头)
  • 大语言模型与语义搜索;钉钉个人版启动内测,提供多项AI服务
  • 小程序-基于vant的Picker组件实现省市区选择
  • 智慧水利利用4G物联网技术实现远程监测、控制、管理
  • sql server Varchar转换为Datetime
  • 什么文件传输协议才能保障跨国文件传输安全又稳定
  • LeetCode笔记:Weekly Contest 359
  • 使用Java和ChatGPT Api来创建自己的大模型聊天机器人
  • Maven介绍_下载_安装_使用_原理
  • 算法通关村十一关 | 位运算的规则
  • 【Rust】Rust学习 第十五章智能指针
  • 炒股怎样加杠杆?关于股票杠杠平台比例的选择知识分析
  • 【jenkins】jenkins流水线构建打包jar,生成docker镜像,重启docker服务的过程,在jenkins上一键完成,实现提交代码自动构建的功能
  • Pytest使用fixture实现token共享
  • You have docker-compose v1 installed, but we require Docker Compose v2.
  • nlopt在windows上的安装使用
  • 【React学习】React中的setState方法