问题标签 [payment-request-api]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
838 浏览

javascript - Apple Pay 支付请求 API iframe

有一个页面实现了支付请求 api,它有一个 Applepay 按钮,一切正常。但是一旦页面嵌入到 iframe 中,就会发生 SecurityError 错误:尝试从具有与其顶级框架不同的安全来源的文档启动 Apple Pay 会话。

属性 allowpaymentrequest = 'true'

HTMLIFrameElement 接口的 allowPaymentRequest 属性返回一个布尔值,指示是否可以在跨域 iframe 上调用支付请求 API。

两个页面都是https。

示例.com:

代码与 iframe.com

<iframe allowpaymentrequest='true' src="https://example.com/" frameborder="0"></iframe>

0 投票
1 回答
3280 浏览

firefox - Firefox - ReferenceError:PaymentRequest 未定义

我正在尝试在网站上实施 google pay。google pay 的外部库是从 pay.google.com 加载的。在这个 google 脚本中,他们调用浏览器 api PaymentRequest()。该 api 内置于 Safari、Chrome 等流行浏览器中。

我有谷歌支付工作,但它不适用于 Firefox。加载外部脚本时,它调用 PaymentRequest 并在控制台中显示以下错误:ReferenceError: PaymentRequest is not defined

链接到谷歌支付脚本 https://pay.google.com/gp/p/js/pay.js

Mozilla Firefox 官方网页声明 PaymentRequest 在安全上下文中受支持。 https://developer.mozilla.org/en-US/docs/Web/API/Payment_Request_API/Using_the_Payment_Request_API

我只复制和粘贴官方来源提供的相同代码 在此处输入图像描述

从我的角度来看,Firefox 不支持 PaymentRequest 并且不起作用。我错过了什么?

查看 chrome 和 safari 的控制台。 在此处输入图像描述

0 投票
1 回答
275 浏览

ios - TypeError:对象不是构造函数(评估'new PaymentRequest(METHOD_DATA,DETAILS)')

当我尝试实施 Apple Pay 时,出现错误 react-native-payments-reborn 库。

我在下面的行中得到了错误

代码如下。提前致谢。

PaymentRequest.js

0 投票
1 回答
89 浏览

javascript - W3C PaymentRequest API 的当前支持方法列表

是我可以在遵循 PaymentRequest API 的基于 Web 列表 URL 的 PSP 上找到的唯一参考。有没有人有更新的或更全面的?这是该链接中的列表:-

现有支付方式标识符 Google Pay ( https://google.com/pay ) Apple Pay ( https://apple.com/apple-pay ) Samsung Pay ( https://spay.samsung.com )

我也相信支付宝支持支付请求 API。我如何/在哪里可以找到目前支持它的人?

0 投票
1 回答
573 浏览

vue.js - 如何通过 VJ 中的条纹进行苹果支付?

我正在尝试按照此处的指南(https://stripe.com/docs/stripe-js/elements/payment-request-button)设置 Apple Pay for web 和 Stripe。初始步骤(例如域验证和所有预设置)已完成,但我在付款步骤后遇到问题。

Apple Pay 按钮出现在我的 Safari 浏览器中。单击按钮时,我触发了一个名为 Paymentmethode() 的事件,我在实时检查时遇到了此错误。要么您没有将卡保存到您的钱包,要么当前域 (pwafe.devco.pk) 未为 Apple 注册支付。访问https://dashboard.stripe.com/account/apple_pay注册此域。main.js:25。和按钮隐藏我在第 3 步后迷路了,不知道该怎么做。我发布到我的后端和后端,创建支付意图并返回 client_secret

0 投票
0 回答
61 浏览

javascript - 不使用支付请求 API 更改 Apple Pay 中的货币

我在网站上将 Apple Pay 与 Payment Request API 集成时遇到问题。在用户选择使用另一种货币的地址后,Apple Pay 表不会更新货币,它只会更新数字。我正在做这个例子中的更新。

0 投票
2 回答
230 浏览

ios - 无法从 Apple Pay 获得任何响应 - 此资源来自本地覆盖

0 投票
1 回答
1031 浏览

angular - Apple Pay 与 Angular 的集成

我想在我们的 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 代码,这是它返回该错误但不知道如何解决它的时候。

有没有人在 Angular 上尝试过 ApplePay,或者是否有任何关于如何绑定到来自 Angular 的验证事件的示例代码?谢谢。

0 投票
1 回答
33 浏览

e-commerce - Payment Request API:获取买家地址

我目前正在研究W3C Payment Request API作为新电子商务结账流程项目的一部分(主要用于支持使用 Apple Pay 和 Google Pay 更快地结账)。

从 API 规范的更改历史来看,今年早些时候实施的这一更改似乎取消了对通过付款请求请求买家地址的支持。我们的支付服务提供商的文档仍然显示此选项,并且目前似乎可以使用。话虽如此,我不想依赖浏览器可能很快开始放弃的功能,因为它不再符合标准,从而破坏了我们的结帐流程。

有谁知道是否有推荐的新方法通过 API 处理此问题,或者即使使用付款请求 API,是否建议将买家帐单和送货地址的集合移回我们页面上的表单?

0 投票
0 回答
22 浏览

applepay - 使用支付请求 API 处理 Apple Pay 中的错误

根据这篇文章https://webkit.org/blog/9167/whats-new-in-the-payment-request-api-for-apple-pay/ Safari 应该支持使用支付请求 API 框架的特定字段的自定义错误。但是博客文章中的特定示例不起作用。虽然原生 Apple Pay API 可与https://developer.apple.com/documentation/apple_pay_on_the_web/applepayerror一起正常工作。

我是不是做错了什么,或者这个例子已经过时了,没有办法再以任何方式使用支付请求 API 来处理自定义错误?