angular - Apple Pay 与 Angular 的集成

Question

我想在我们的 Angular 应用程序中集成 ApplePay 和 GooglePay。
对于 GooglePay，google 为 npm 提供了一个有用的包。 https://www.npmjs.com/package/@google-pay/button-angular
我试图为 ApplePay 找到一个类似的好包，但找不到。
我想在 Angular 上实现 ApplePay。有两种方法可以实现它(JS API 和支付请求 API)，我想使用 API 方法，因为我想在服务器端做尽可能多的处理。看了下面的页面，很难理解JS API和Payment Request API的区别。
https://applepaydemo.apple.com/
令人惊讶的是，我找不到任何让 Angular 使用 ApplePay 的示例代码。我不敢相信之前没有人在 Angular 上使用过 ApplePay。可能有另一种/更好的方法吗？
在 Angular 中，获取窗口实例甚至很棘手。我已经尝试了这个问题中的解决方案，并设法使用服务提供者注入(inject)了窗口实例。我可以在适当的设备上显示 ApplePay 按钮，但在调用 ApplePaySession 对象时出现以下错误。显然注入(inject)的窗口不是顶级窗口。
错误:尝试从安全来源与其顶级框架不同的文档开始 Apple Pay session 。
根据WebKit code ，这是它返回该错误但不确定如何解决它的时候。

 if (!ancestorDocument->securityOrigin().isSameSchemeHostPort(topOrigin))
      return Exception { InvalidAccessError, "Trying to start an Apple Pay session from a document with an different security origin than its top-level frame." };

有没有人在 Angular 上尝试过 ApplePay，或者是否有任何关于如何从 Angular 绑定(bind)到验证事件的示例代码？谢谢。

Answer 1

如果你想要一个支持两种支付方式的包，我找到了 NPM 包 ng-wallet对于 Angular 。但是，我不建议使用来自非官方发行商的软件包。 ng-wallet 可能不会维护 Google/Apple API 更改的出版商。
如果您打算长期维护您的 Angular 应用程序，建议使用 Google/Apple 定期维护的软件包:

Google Pay - 使用官方Google Pay Angular 的包。

Apple Pay - Apple 尚未发布 Apple Pay 的 NPM 包。使用第三方发布者的软件包可能会导致上述问题。您最好的选择是使用他们的 Apple Pay JS 自己实现它。应用程序接口(interface)。

请记住，Apple 仅在 Safari 上支持 ApplePay。