如何在Bubble中接入天工AI?零代码开发全栈AI应用教程

大强大大_6869

大强大大_6869

2026-06-17

487人浏览

原创

可在bubble中通过api插件直接调用天工ai restful接口实现智能问答等功能,无需编码或中间服务;需在天工开放平台获取api key和secret key,配置bubble的api connector并绑定动态参数,最后通过按钮触发调用与响应处理。

☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

如何在bubble中接入天工ai?零代码开发全栈ai应用教程

想在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)
天工AI (iOS)

天工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接口做多模态理解。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

天工ai skywork

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
天工AI智能体办公全功能使用教程
天工AI智能体办公全功能使用教程

本专题系统梳理天工AI智能体在办公与内容创作中的高效用法,覆盖文档处理、信息整理、灵感激发、协作沟通与多场景模板调用,帮助职场人和创作者用一套智能体工具完成日常重复任务,显著提升工作效率与产出质量。

2026.06.10

93

12

天工AI报告与PPT生成零基础入门
天工AI报告与PPT生成零基础入门

本专题聚焦天工AI在数据报告与PPT演示文档生成中的实战能力,从主题构思、提纲生成、内容填充到模板套用、图表插入与版面美化,帮助职场人快速产出结构清晰、视觉专业的报告与演示成果。

2026.06.10

111

12

天工AI图像与视频创作实战
天工AI图像与视频创作实战

本专题系统介绍天工AI在图像与视频创作场景的能力,从文生图、图生图、风格迁移到AI短视频脚本、分镜与一键成片,帮助内容创作者、设计师与运营人员快速产出高质量多媒体作品。

2026.06.10

76

12

Buffalo框架数据库开发全教程
Buffalo框架数据库开发全教程

本专题围绕Buffalo框架数据库开发,讲解database.yml多环境配置、soda与fizz迁移生成回滚、模型结构体标签、增删改查与条件查询、一对多与多对多关联、数据校验、回调钩子、事务处理及原生SQL执行能力。

2026.09.23

60

15

Buffalo框架路由与请求处理实操指南
Buffalo框架路由与请求处理实操指南

本专题讲解Buffalo框架路由与请求处理机制,涵盖路由注册与分组、资源路由、Handler编写规范、Context上下文方法、参数绑定、中间件编写挂载、Session与Cookie读写、Flash消息及错误页面定制方法。

2026.09.23

20

15

Buffalo框架零基础入门教程
Buffalo框架零基础入门教程

本专题整理Buffalo框架入门内容,涵盖Go环境准备、buffalo CLI安装、新项目生成、目录结构说明、dev热加载启动、数据库连接配置与常见报错排查,帮助新手按约定优于配置的思路跑通第一个Buffalo框架应用。

2026.09.23

20

15

Conan创建软件包配方指南
Conan创建软件包配方指南

本专题介绍通过conanfile.py创建软件包的方法,讲解包名、版本、依赖和构建设置等基础信息,以及source、build、package、package_info等常用方法的作用及编写思路。

2026.09.22

20

12

Conan二进制包配置指南
Conan二进制包配置指南

本专题介绍Conan根据操作系统、编译器、架构和构建类型生成二进制包的方法,讲解Profile、Settings、Options及Package ID的作用,帮助管理不同平台和编译环境下的包版本。

2026.09.22

20

13

Conan私有仓库搭建教程
Conan私有仓库搭建教程

本专题系统的讲解Conan私有仓库的搭建流程,涵盖仓库服务部署、存储目录配置、用户认证、权限划分和远程地址添加,并介绍内部C++依赖包的上传、下载及版本维护方法。

2026.09.22

20

19

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
天工AI帮助手册
天工AI帮助手册

共0课时 | 0人学习

天工智能体:免费AI神器!
天工智能体:免费AI神器!

共0课时 | 142人学习

天工AI帮助手册
天工AI帮助手册

共0课时 | 0人学习