Spline 中的 Webhooks 允许你通过监听和响应外部事件来创建实时、事件驱动的交互。通过使用 Webhooks,你的 Spline 项目可以自动触发操作、更新变量,并对外部来源发送的数据做出反应,从而实现动态和互动的体验。
创建新的 Webhook
- 导航到 Spline 编辑器右侧边栏的“
变量和数据
”面板(当编辑器中未选择任何内容时可访问)。 - 选择“
Webhooks
”标签。 - 点击“
新建
Webhook
”按钮创建一个新的 Webhook 项目。 - 重命名 Webhook,将默认名称“
新建 Webhook
”更改为更具描述性的名称,以便更好地组织你的 Webhooks。
配置 Webhooks
- Webhook URL: 系统会自动生成一个默认的 Webhook URL。复制此 URL 并将其集成到支持 Webhooks 的外部服务中。此 URL 将监听传入的数据。
- 配置参数: 通过点击“
+
”图标预定义你的 Webhook 将从 Spline 接收的变量。支持的类型包括字符串、数字和布尔值。 - 示例代码片段将根据你设置的变量自动调整。你可以编辑代码片段以使用任何你想要的值。代码片段只是使用 Curl 的一个示例,你也可以使用其他自动化工具(如 Zapier)来调用 Webhook。
在 Spline 中使用 Webhooks
Webhooks 是强大的工具,可以根据外部事件实时触发操作和更新变量。以下是如何有效利用它们:
Webhook 调用事件
每当 Webhook 从外部来源接收到数据时触发此事件。
- 选择 Webhook: 指定你要监控传入数据的具体 Webhook。
- 操作: 定义在 Webhook 调用时执行的操作。操作可能包括更新变量、触发动画或启动其他 API 调用。
使用 Webhooks 的变量
Webhook 数据可以映射到变量,允许你基于实时数据动态更新和控制 Spline 项目中的元素。
- 从 Webhook 数据设置变量: 将传入的 Webhook 数据映射到 Spline 变量(如数字、字符串、布尔值)。例如,如果 Webhook 发送一个温度读数,将此值存储在数字变量中以在你的项目中显示。
- 更新对象属性: 将变量附加到对象属性,使 Webhook 数据的变化立即反映在场景中。例如,使用最新的 Webhook 信息更新文本字段或根据接收到的数据更改对象的颜色。
- 基于变量触发操作: 使用变量变化事件在 Webhook 更新变量时触发特定操作。例如,当布尔变量(如“Alert状态”)设置为 true 时,你可以触发动画、警报或更改场景中对象的状态。
实际使用案例
Webhooks 为将实时数据和外部事件集成到 Spline 项目中提供了无限可能。以下是一些 Webhooks 的使用示例:
- 实时通知:
- 使用 Webhooks 从 Slack、Zapier 或其他自定义系统接收实时通知。
- 直接在你的 Spline 项目中显示这些通知或基于传入的数据触发动画。
- 物联网(IoT)集成:
- 通过 Webhooks 将你的 Spline 项目连接到 IoT 设备。
- 例如,根据智能家居设备(如温度传感器或运动检测器)的数据更新场景中对象的状态。
- 自定义警报和响应:
- 设置 Webhooks 以监听特定的外部事件,如数据库中的更改或来自 API 的新消息,并在你的项目中触发响应。
- 例如,如果 Webhook 检测到达到某个阈值(如股票价格或环境传感器读数),你可以在 Spline 场景中触发视觉或音频警报。
最佳实践
- 测试你的 Webhook: 在将 Webhook 部署到生产环境之前,确保它配置正确并按预期响应。测试可以帮助你验证数据是否被正确接收和处理。
- 安全性: 始终使用安全的加密连接(HTTPS)来传输你的 Webhook URLs。避免公开暴露敏感信息,如授权令牌,并确保这些信息被安全存储和传输。
- 调试: 使用日志记录和调试工具监控传入的 Webhook 数据。这可以帮助你排查问题,并确保你的操作和变量更新按预期运行。