4

我想在我们的 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 中,获取窗口实例甚至很棘手。我已经尝试过这个问题的解决方案,并设法使用服务提供者注入窗口实例。我可以在适当的设备上显示 ApplePay 按钮,但在调用 ApplePaySession 对象时出现以下错误。显然注入的窗口不是顶级窗口。

错误:尝试从安全来源与其顶级框架不同的文档启动 Apple Pay 会话。

根据WebKit 代码,这是它返回该错误但不知道如何解决它的时候。

 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 的验证事件的示例代码?谢谢。

4

1 回答 1

2

如果你想要一个支持两种支付类型的包,我找到了 NPM 包ng-wallet for Angular。但是,我不建议使用来自非官方发布者的软件包。ng-wallet的发布者可能不会维护 Google/Apple API 更改。

如果您打算长期维护您的 Angular 应用程序,建议使用 Google/Apple 定期维护的软件包:

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

于 2021-07-05T18:05:52.153 回答