自定义小工具改进

Prev Next

使用自定义部件做更多:宣布主要改进!

Updating Custom Widgets

Custom Widget updates are rolling in r332. Read more about the runtimes here

利用 Tulip Custom Widgets 的最新增强功能,开启新的可能性,实现更顺畅的开发。

自定义部件是扩展 Tulip 平台的强大方式,是我们 Tulip 和客户探索新用例和集成的绝佳试验场。它们是我们平台可扩展性战略的关键部分,帮助我们开辟新的道路并提供更多价值。

我们一直在努力增强自定义部件,使其功能更强大、更易用、集成度更高。我们很高兴与大家分享一系列改进,这些改进主要集中在更流畅的 API 交互、新的设备访问功能、增强的可用性和整体稳定性上。

扩展集成功能:更流畅的外部和 Tulip API 访问这些改进的核心重点是自定义 Widget iFrame 沙盒,大大增强了其与外部系统和 Tulip API 无缝连接的能力。这为更丰富、更深入的集成体验提供了无限可能。

新的运行时选项:传统与更新

自定义部件现在支持两种运行时环境:传统和更新。

更新后的运行时可提供更高的安全性和性能,尤其是在处理外部 API 调用和大量新设备访问时(如下所述)。

通过自定义部件访问新设备:

通过直接访问一系列设备功能来扩展您的自定义部件:

  • 摄像头:赋予 Widget 拍摄图像的功能,以便进行检查、缺陷跟踪或可视化文档记录。
  • 🎤麦克风:在 Widget 中直接启用音频录制,以简化文档、捕捉语音笔记或增强教学内容。
  • 📍地理定位:允许部件检索用户或设备位置,以跟踪资产、提供位置感知信息或增强物流工作流。
  • 🔌WebUSB:直接从各种 USB 设备采集数据,为您的 Tulip 应用程序带来更多物理世界数据。
  • 📠WebSerial:监控串行设备,实现与各种工业设备和传感器的通信。

增强了自定义小工具的数据持久性:

  • 💾本地存储:自定义部件现在可以访问本地存储,从而更有效地缓存或保留跨步骤信息。

增强可用性和开发人员体验

我们致力于使自定义部件不仅功能更强大,而且更易于发现、开发和管理。

发现运行时信息:

从账户设置导航到自定义部件页面。

单击任何自定义部件的行(而不是名称),打开信息侧面板。

在信息面板的名称下,一个字段将显示当前 Widget 的运行时间(最初为现有 Widget 的遗产)。

image.png

启用跨域运行时间:

在 "自定义 Widget 信息 "侧面板中,单击 "权限设置 "标题旁边的 "编辑 "链接。

这将打开权限设置侧面板。对于启用跨域的实例,您将看到一个切换按钮,用于更改特定自定义 Widget 的运行时间。

image.png

从传统模式切换到跨域模式时,您将看到一个警告。

image.png{height="" width="""}

保存对跨域运行时的更改后,如果重新打开权限设置,应该会看到新的 "设备访问权限 "部分。

image.png{height="" width="""}

运行时的编辑器体验:

在 "自定义 Widget "编辑器中,Widget 名称旁边的药丸将指示当前运行时(例如,传统或跨域)。

对于传统部件,编辑器页面顶部会显示一个警告,说明您正在运行一个传统的自定义部件。对于跨域部件,该警告将消失。

image.png{height="" width="""}

image.png

切换回传统:

将跨域部件切换回传统运行时时,您还会看到一个警告。

image.png{height="" width="""}

**改进可发现性和导航:**我们将使自定义部件在平台中更加可见,并简化管理和编辑它们的过程。这包括访问部件编辑器的更简便方法和更清晰的部件信息展示。

**简化开发:**期待通过以下增强功能获得更流畅的开发体验: * 更好的部件功能自动完成功能。 * 改进部件内的事件跟踪功能。 * 更强大的错误处理和调试辅助功能。

**用户界面和工作流程剪纸已解决:**我们解决了各种 "剪纸 "问题--那些细小但令人沮丧的用户界面和工作流程问题--使创建和使用 widget 的体验更加愉快。这包括更新部件列表的显示方式和权限管理方式。

**优化加载和性能:**我们对自定义部件加载机制进行了改进,以确保更好的性能和可靠性。这包括加载跨域部件的重试逻辑,以及在访问受阻时的清晰错误信息。

战略影响和下一步行动

对自定义部件的这些投资证明了我们对其可扩展性潜力的信心。通过提供更强大的工具和功能,我们的目标是使我们的用户(无论是 Tulip 开发人员还是外部开发人员和客户)能够在 Tulip 平台上创建创新的解决方案并解决更多的具体用例。

我们将密切跟踪这些新功能的采用情况和影响,继续完善和扩展自定义部件功能。敬请关注更多资源、文档和示例,帮助您充分利用这些令人兴奋的新功能!

示例

以下来自郁金香库的自定义 Widget 演示了本文重点介绍的新功能和改进功能。

日程安排小工具

日程安排部件

该 Widget 使用户能够在 Tulip 应用程序中查看、创建和管理预定任务或事件。其交互式界面可让您轻松组织工作、分配资源,并直接在工作流程中跟踪即将开展的活动。

Screenshot 2025-07-02 at 15.41.08.png

图像注释小工具

图像注释小工具

该小工具允许用户直接在 Tulip 应用程序中的图像上绘图、突出显示和添加注释。它非常适合在相关图片上标记视觉效果、提供反馈或记录问题。

Screenshot 2025-07-02 at 15.42.24.png