2016-06-14 249 views
8

我正在考慮使用新的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文件需要插入。 –

回答

8

我已經發表的端至端ApplePayJS示例代碼在github這裏

https://github.com/norfolkmustard/ApplePayJS

它使用PHP的服務器端部分,所需的初始供應商驗證,以開始交易。其餘的是在JavaScript中。

ApplePayJS!=銀行中的現金,只是從客戶那裏獲得一張令牌化信用卡的方式。你手上那個卡號開了一個第三方支付處理器一樣stripe.com,braintreepayments.com,authorize.net

乾杯

+0

這很棒!謝謝。蘋果公司關於此事的視頻並沒有清楚地證明在有效的商品承諾期間發生了什麼事,但你的榜樣是我所假設的,但並不確定。 –

5

穩定版本可能會在今年秋季上市。

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

2

我一直在努力整合,現在終於被釋放,並有一個blog post我已經寫了它,以及一個GitHub project與使用ASP.NET核心的示例集成。

我希望別人在做Apple Pay JS整合時發現它很有用。