将 Apple Pay JS 集成到网站中答案

【问题标题】：Integrating Apple Pay JS Into A Website将 Apple Pay JS 集成到网站中
【发布时间】：2016-10-15 13:09:28
【问题描述】：

我正在考虑使用新的 Apple Pay JS SDK 将 Apple Pay 集成到网站中。文档目前非常少，仅涉及 API 声明以及如何实例化新的 ApplePaySession 对象。

是否有任何示例代码可用，或者是否有人实际实现了这一点，展示了 Web 应用程序的典型 API 集成流程？

我能找到的唯一示例似乎是第三方支付提供商自己的 Apple Pay SDK 集成。

【问题讨论】：

如果这是一个愚蠢的问题，我很抱歉，但是我在哪里可以找到 applepay.js 的下载？或者它在 XCode 中以某种方式可用？
@nils 它内置在 Safari 浏览器中，就像“窗口”内置在浏览器中一样。没有 .js 文件可以引入。
我明白了，谢谢。它的文档记录真的很差：/
即使在今天 - iOS10 的发布日期，看起来好像有人刚刚在记录它的过程中停下来。呃
即使在 2019 年的今天 - 集成和正确的文档也很糟糕

标签： html applepay applepayjs

【解决方案1】：

我一直在努力的集成现在终于发布了，我写了一个 blog post 来配合它，还有一个 GitHub project 使用 ASP.NET Core 的示例集成。

我希望其他自己进行 Apple Pay JS 集成的人发现它很有用。

【讨论】：

【解决方案2】：

我已经在 github 上发布了端到端 ApplePayJS 示例代码

https://github.com/norfolkmustard/ApplePayJS

它使用 PHP 作为服务器端部分，需要初始供应商验证才能开始交易。其余的都在 javascript 中。

ApplePayJS != 银行存款，只是从客户那里获得代币化信用卡的一种方式。您将该卡号交给第三方支付处理器，例如 stripe.com、braintreepayments.com、authorize.net

干杯

【讨论】：

这太棒了！谢谢你。 Apple 关于此事的视频并没有明确说明 onvalidatemerchant 承诺期间发生了什么，但你的例子是我假设但不确定的。
这可能已经有 2 年历史了，但它仍然是我从 Apple 获取商家会话的最后一块拼图的唯一示例代码。非常感谢斯图。
Apple 支付会话网址为：apple-pay-gateway-cert.apple.com/paymentservices/startSession 截至 2019 年 12 月，/paymentServices/paymentSession 至少对我不起作用。

【解决方案3】：

稳定版可能会在今年秋天推出。

您要做的第一件事是确保 API 在您的浏览器中可用：

if(ApplePaySession)
   ApplePaySession.canMakePayments()

然后是交易本身：

var request = {
  countryCode: 'US',
  currencyCode: 'USD',
  supportedNetworks: ['visa', 'masterCard'],
  merchantCapabilities: ['supports3DS'],
  total: { label: 'Your Label', amount: '10.00' },
}
var session = new ApplePaySession(1, request);

这是来自官方网站如何开始：https://developer.apple.com/reference/applepayjs/applepaysession

拥有会话后，您可以控制它：

你可以监听事件，并根据它改变你的流程：

我现在正致力于 Apple Pay JS 和 Stripe API 之间的集成，所以我会在今年夏天向GitHub 发布草稿版本。

【讨论】：

此外，这里有一个“工作演示”，将各个部分拼凑在一起：justindonnelly.github.io/applepayjs
@PaulIrish 不错，您设法让 Apple Pay 按钮正常工作。我遇到了麻烦（它在 beta 2 中崩溃了标签...）。
不幸的是，这个演示不再/不工作，并给出 对象的类型与与对象关联的参数的预期类型不兼容作为错误。我想知道这是由于 iOS 公测版的更改造成的吗？
@Martin 您使用的是哪种 iOS/OS X 版本？
Beta 3 使某些属性弃用了“AddressesFields”->“ContactFields”。这些现在可能是错误，而不是警告。