将Apple Pay JS集成到网站中

问题描述:

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

是否有任何示例代码可用,或者是否有人实际上自己实现了这一点,它显示了Web应用程序的典型API集成流程?

我已经能够找到任何东西的唯一例子似乎是第三方支付提供商自己的Apple Pay的SDK集成。

+0

有关如何使用JS SDK实现Apple Pay的视频现已在此处提供:https://developer.apple.com/videos/play/wwdc2016/703/ –

+1

如果这是一个愚蠢的问题,我很抱歉,但我在哪里可以找到下载到applepay.js?或者它在XCode中以某种方式可用? – nils

+2

@nils它以与浏览器内置的“窗口”相同的方式嵌入到Safari浏览器中。没有.js文件需要插入。 –

我已经发表的端至端ApplePayJS示例代码在github这里

https://github.com/norfolkmustard/ApplePayJS

它使用PHP的服务器端部分,所需的初始供应商验证,以开始交易。其余的是在JavaScript中。

ApplePayJS!=银行中的现金,只是从客户那里获得一张令牌化信用卡的方式。你手上那个卡号开了一个第三方支付处理器一样stripe.com,braintreepayments.com,authorize.net

干杯

+0

这很棒!谢谢。苹果公司关于此事的视频并没有清楚地证明在有效的商品承诺期间发生了什么事,但你的榜样是我所假设的,但并不确定。 –

稳定版本可能会在今年秋季上市。

你想要做的第一件事就是确保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

完成会话后,您可以对其进行控制: enter image description here

而且,您可以监听事件,并改变基于它的流程: enter image description here

我正在苹果支付JS和条纹API之间的整合,现在,所以我会发布的版本草案GitHub今年夏天。

+2

此外,这里有一个“工作演示”与碎片在一起:https://justindonnelly.github.io/applepayjs/ –

+0

@PaulIrish尼斯,你设法让Apple Pay按钮很好地工作。我遇到了麻烦(它在测试版2中崩溃了...)。 –

+0

不幸的是,这个演示不再/不工作,并且给出_对象的类型与与object_关联的参数的预期类型不兼容,因为错误。我不知道这是由于iOS公开测试版所做的更改吗? – Martin

我一直在努力整合,现在终于被释放,并有一个blog post我已经写了它,以及一个GitHub project与使用ASP.NET核心的示例集成。

我希望别人在做Apple Pay JS整合时发现它很有用。