🆕

Webhooks

Spline 中的 Webhooks 允许你通过监听和响应外部事件来创建实时、事件驱动的交互。通过使用 Webhooks,你的 Spline 项目可以自动触发操作、更新变量,并对外部来源发送的数据做出反应,从而实现动态和互动的体验。

image

创建新的 Webhook

  • 导航到 Spline 编辑器右侧边栏的“变量和数据”面板(当编辑器中未选择任何内容时可访问)。
  • 选择“Webhooks”标签。
  • 点击“新建 Webhook”按钮创建一个新的 Webhook 项目。
  • 重命名 Webhook,将默认名称“新建 Webhook”更改为更具描述性的名称,以便更好地组织你的 Webhooks。

配置 Webhooks

  • Webhook URL: 系统会自动生成一个默认的 Webhook URL。复制此 URL 并将其集成到支持 Webhooks 的外部服务中。此 URL 将监听传入的数据。
  • 配置参数: 通过点击“+”图标预定义你的 Webhook 将从 Spline 接收的变量。支持的类型包括字符串、数字和布尔值。
  • 示例代码片段将根据你设置的变量自动调整。你可以编辑代码片段以使用任何你想要的值。代码片段只是使用 Curl 的一个示例,你也可以使用其他自动化工具(如 Zapier)来调用 Webhook。
image

在 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 数据。这可以帮助你排查问题,并确保你的操作和变量更新按预期运行。

👉下一步

🆕OpenAI API