ARTICLE DETAIL

资讯详情

深耕网站建设与运营推广的一线实战洞察。

DB-GPT 移动端实战:把数据库AI助手搬进微信小程序的完整部署与定制指南

DB-GPT 移动端实战:把数据库AI助手搬进微信小程序的完整部署与定制指南 DB-GPT 移动端实战把数据库AI助手搬进微信小程序的完整部署与定制指南【免费下载链接】DB-GPTopen-source agentic AI data assistant for the next generation of AI Data products.项目地址: https://gitcode.com/GitHub_Trending/db/DB-GPT需要在办公室之外查库、核对数据洞察时DB-GPT 的微信小程序方案可以让数据库 AI 助手直接上移动端复用已经部署好的 DB-GPT 服务加一层轻量的 H5 移动适配页通过微信或企业微信进入对话、查数、分析结果全在手机上完成不需要为移动端单独开发一套后端。先看它解决什么问题先说场景。出差时客户临时问这周订单量你手头只有手机数据库客户端在电脑上Web 控制台在手机上又不好操作。DB-GPT 移动端路线的思路是后端服务不动前端在web/pages/mobile/下专门做了一套移动端对话页用小程序或 IM 的 web-view 容器把它包起来即可。它能做什么谁适合用能做手机上用自然语言连库查询Text2SQL、数据问答、分析结果展示和 Web 端同一套能力适合谁已经部署 DB-GPT v0.7.0 服务、想把数据问答搬到移动端的团队架构后端服务 H5 移动端适配层不额外开发小程序后端权限体系沿用 Web 端入口微信小程序、企业微信、钉钉都能进靠一个带参数的 URL 打开同一个页面 部署前置条件与四步构建前置条件一次说清DB-GPT v0.7.0 服务已在运行有微信公众平台开发者账号一个备案域名并配好 HTTPS微信小程序强制要求。拿源码并构建移动端页面就在 web 工程里跟着主工程一起构建git clone https://gitcode.com/GitHub_Trending/db/DB-GPT cd DB-GPT/web npm install npm run build配置后端地址。构建时把后端 API 域名注入前端# web/.env.local API_BASE_URLhttps://your-dbgpt-domain.com配好 HTTPS 与域名。用 nginx 把前端静态资源和 API 都挂到同一个 HTTPS 域名下详细部署流程参考 docs/installation/docker.md。验证入口页。浏览器直接访问移动路由通了再谈小程序发布https://your-dbgpt-domain.com/mobile/chat?chat_scenechat_agentapp_code你的app_code这里有个坑不要把微信小程序的项目目录直接指向 Next.js 源码小程序运行时跑不了这套代码。通用做法是小程序里做一个薄壳用 web-view 组件加载上面的 H5 页面并把域名登记进小程序的业务域名白名单。移动端对话页是怎么连上后端的从你打开链接那一刻说起。URL 上带了chat_scene对话场景和app_code应用编码两个参数页面拿到它们之后先向后端拉三样东西应用配置、可选模型列表、应用绑定的资源数据库或知识库。模型和温度如果不手动改就默认取应用配置里param_need中指定的值。发消息走的是流式请求核心逻辑在 web/pages/mobile/chat/index.tsxawait fetchEventSource(${API_BASE_URL}/api/v1/chat/completions, { method: POST, headers: { Content-Type: application/json, [HEADER_USER_ID_KEY]: getUserId() ?? }, body: JSON.stringify(params), onmessage: (event) { let message event.data; try { message JSON.parse(message).vis; } catch { message message.replaceAll(\\n, \n); } setHistory(prev [...prev, { role: view, content: message }]); }, });HEADER_USER_ID_KEY这个请求头用来标识会话归属后端按用户维度存历史。整个页面的模型、温度、历史消息等状态放在一个叫MobileChatContext的 React Context 里输入框、模型选择器、消息列表组件都从它取值这也是移动端页和 Web 端共享大部分业务逻辑、只换一层布局的原因。 两个定制例子自定义工具与企业微信入口自定义工具让助手不止会写 SQL还能调用你自己的内部系统或脚本。能做什么给 Agent 挂一个工具提问时由模型决定是否调用。关键路径examples/agents/custom_tool_agent_example.py 是可跑的最小样例模型与参数侧的配置样例看 configs/dbgpt-app-config.example.toml更多玩法在 examples/ 目录下。企业微信入口在应用页一键生成移动端分享链接企微/钉钉里点击直接拉起对话页走dingtalk://这类深链跳转。关键路径web/pages/construct/app/index.tsx 第 264~284 行附近就是拼接mobile/chat链接的逻辑抄这段就能给自己的 IM 加入口。⚠️ 连接失败与卡顿的避坑清单现象小程序或 web-view 里所有请求超时。原因微信只允许 HTTPS。解法申请证书nginx 统一收口部署方式见 docs/installation/docker.md。现象浏览器里正常小程序里连不上。原因API_BASE_URL没配或配错。解法检查.env.local并确认域名已登记到小程序业务域名白名单。现象请求被浏览器拦下报跨域。原因后端 CORS 白名单没加移动端域名。解法在服务端配置里把 H5 域名加进白名单。现象首屏慢、手机上滑动卡。原因图表等重依赖全量加载、静态图片大。解法移动端页已对 Content 组件做了next/dynamic懒加载别把它改成同步引入同时压缩 web/public/models/ 下的图片资源。现象模型切了不生效、温度不对。原因默认值取自应用级参数配置会覆盖界面选择。解法到应用管理页确认该应用的param_need里 model / temperature 默认值。马上可以做的三件事按上面四步部署先用浏览器验证/mobile/chat页面能通给自己绑定一个数据库资源在手机上问一条 Text2SQL 把链路跑通照着 examples/agents/custom_tool_agent_example.py 挂一个自定义工具试一次非 SQL 能力。后续规划上离线缓存、语音交互和移动端专属图表都在官方路线图上留意更新即可。入口都在这部署文档 docs/installation/docker.md、配置样例 configs/、示例代码 examples/、问题排查 docs/faq/。移动端这条路本质不是另一套系统而是同一套服务多开一个入口——先跑通入口再谈定制。【免费下载链接】DB-GPTopen-source agentic AI data assistant for the next generation of AI Data products.项目地址: https://gitcode.com/GitHub_Trending/db/DB-GPT创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表