具有经过验证的域的 iFrame 中的 Apple Pay

Question

TL;DR 我想在 iFrame 中显示 Apple Pay，其中两个域（iFrame 域和顶级域）均通过 Apple Pay 进行验证。它不起作用。有什么提示吗？

您好！我在

sample.com

上使用 Stripe + Apple Pay。然后，我将

sample.com

的 iFrame 嵌入到

second-website.com

中。我控制了这两个域，并且我已成功使用 Stripe 和 Apple Pay 验证了这两个域。

我可以清楚地看到Apple Pay选项

sample.com

。但是，当我将

sample.com

的 iFrame 嵌入到

second-website.com

中时，我看不到 Apple Pay 选项。

关于我做错了什么有任何提示吗？谢谢！

你好！

TL;DR 我想在 iFrame 中显示 Apple Pay，其中两个域（iFrame 域和顶级域）均通过 Apple Pay 进行验证。它不起作用。有什么提示吗？

您好！我在

sample.com

上使用 Stripe + Apple Pay。然后，我将

sample.com

的 iFrame 嵌入到

second-website.com

中。我控制了这两个域，并且我已成功使用 Stripe 和 Apple Pay 验证了这两个域。

我可以清楚地看到Apple Pay选项

sample.com

。但是，当我将

sample.com

的 iFrame 嵌入到

second-website.com

中时，我看不到 Apple Pay 选项。

关于我做错了什么有任何提示吗？谢谢！

Answer 1

将 iframe 与 Elements 结合使用：使用 iframe 时，其来源必须与顶级来源匹配（Safari 17 指定allow=" payment" 属性时除外）。如果两个页面的协议、主机（完整域名）和端口（如果指定）相同，则两个页面具有相同的来源。

所以答案是否定的。 Apple Pay 不适用于您的情况。