可在bubble中通过api插件直接调用天工ai restful接口实现智能问答等功能,无需编码或中间服务;需在天工开放平台获取api key和secret key,配置bubble的api connector并绑定动态参数,最后通过按钮触发调用与响应处理。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

想在Bubble中接入天工AI实现智能问答、内容生成或图像理解功能,但又不会写代码?你可以直接用Bubble的API插件能力调用天工AI官方提供的RESTful接口,无需部署中间服务,也不用处理密钥轮换或请求签名逻辑。
确认天工AI API可用性与凭证获取
登录天工AI开放平台,进入「我的应用」→「创建新应用」,选择「大模型API」类型。填写应用名称(如“Bubble客服助手”)并提交后,系统自动生成API Key和Secret Key。
【务必复制并安全保存Secret Key,页面关闭后将无法再次查看】
点击「接口文档」,找到/v3/chat/completions路径,确认其支持POST请求、接受application/json格式,并要求Authorization: Bearer {API_KEY}头部认证。
在Bubble中配置天工AI API连接
进入Bubble编辑器 →「Plugins」→「API Connector」→「Add a new API」。
填写基础信息:API Name填“Tiangong-Chat”,Base URL填https://api.tiangong.cn/v3,Authentication Type选“Header”,Key填Authorization,Value填Bearer {{API_KEY}}(注意此处不填真实密钥,留待后续动态传入)。
点击「Add endpoint」,Endpoint Name填“Send Message”,Method选POST,Path填/chat/completions,Request Body type选JSON。
在「Request Body」区域粘贴标准结构(必须严格匹配天工文档):
{
"model": "skywork-13B",
"messages": [
{"role": "user", "content": "{{input_text}}"}
],
"temperature": 0.7,
"max_tokens": 512
}
天工AI (iOS) 5.2.1版本新增 PPT 生成页数配置、十余种专业视频模板,并且支持设置视频比例与时长;定时任务可指定模型并推送到 IM 渠道。修复了下载失败等问题,提升了稳定性与内容创作体验,让创作更自由、更高效。
勾选「Use dynamic values」,为{{API_KEY}}和{{input_text}}分别绑定Bubble中的数据源字段——前者来自「Data → API Keys → tiangong_api_key」(需提前在Data中新建该文本字段并填入你的真实API Key),后者来自页面上的Input Element或Workflow变量。
构建调用工作流并触发响应
在目标页面(如客服对话页)添加一个Button,点击事件选择「Make an API call」→「Tiangong-Chat → Send Message」。
在「Configure parameters」中,将「API Key」字段映射到Data → API Keys → tiangong_api_key,将「input_text」字段映射到用户输入框的value属性。
设置「On success」动作:将返回体中的choices[0].message.content赋值给页面上一个Text Element的text属性;设置「On error」动作:显示提示弹窗,内容为response.error.message。
这一步操作起来很简单,直接把文件拖进去就行。
测试与验证响应结果
点击Bubble右上角「Preview」启动测试环境,在输入框键入“你好,请介绍下天工AI”,点击发送按钮。
若返回内容为正常中文回复(非空字符串且不含"error"字段),说明API调用链路已通。若返回401 Unauthorized,检查tiangong_api_key字段是否为空或含多余空格;若返回400 Bad Request,重点核对JSON Body中messages数组结构是否为对象数组而非字符串。
确认成功后,即可将该Button嵌入任意工作流,例如用户提交表单后自动调用天工AI生成摘要,或上传图片后调用/v3/vision/analyze接口做多模态理解。










