如何在Reality Composer中添加可用于Web AR的超链接动作

关于Reality Composer Web AR超链接动作的解决方案 #

Reality Composer原生没有提供可直接在Web AR场景生效的超链接动作，它内置的动作体系仅适配苹果原生RealityKit应用、或本地AR Quick Look的部分交互，Web端通过rel="ar"标签加载.reality文件时，无法识别Reality Composer内配置的自定义跳转动作。

以下是3种可落地的解决方案：

• 方案1：直接复用AR Quick Look官方支持的顶部横幅跳转
  不需要修改你的现有模型文件和调用逻辑，仅需要在.reality文件的链接末尾拼接锚点参数即可，点击AR场景顶部的自定义横幅就会触发跳转，修改后的调用代码如下：

  <a href="<...link to .reality file>#custom=https://你需要跳转的目标链接" rel="ar">
     <img />
  </a>
  

  该方案仅对Safari浏览器生效，是开发成本最低的实现方式。
• 方案2：给USDZ模型嵌入点击热点
  你可以把Reality Composer的工程导出为USDZ格式（和.reality格式的Web AR加载效果完全一致），之后用USDZ编辑工具给指定模型部位添加链接锚点，Web端点击对应部位就会触发跳转，完全兼容你现有的rel="ar"调用逻辑，适配所有支持Web AR的浏览器。
• 方案3：Web层自定义交互监听
  放弃原生rel="ar"的调用方式，改用Web AR框架加载.reality资源，在JS层监听模型点击事件，匹配你在Reality Composer中给对应节点设置的唯一标识，匹配成功后手动触发超链接跳转。该方案灵活度最高，可以自定义交互触发规则和样式。

内容的提问来源于stack exchange，提问作者Smokey Dawson