Custom integration (Web)

After initiating the Apple Pay payment on your website or mobile application, you should receive a token in the onPaymentAuthorized event. 

Retrieve the paymentData from the token and convert it to a string. Pass this to your server, and then submit it in an /payments request to Adyen.

Step 1: Stringify the paymentData from the token

ApplePay returns more data than we need for authorisation, for example a shipping address, but only the PaymentData is necessary for authorisation. Take this data from the token and convert the JSON to a String: 

session.onpaymentauthorized = function(event) {
  var token = JSON.stringify(event.payment.token.paymentData);
};

Step 2: Submit the API request

The following example demonstrates how to submit an /payments request. The value of the payment.token in the additionalData object is the string from step 1.

{
  "amount": {
    "currency": "USD",
    "value": 1000
  },
  "reference": "Your order number",
  "paymentMethod": {
    "type": "applepay",
    "applepay.token": "VNRWtuNlNEWkRCSm1xWndjMDFFbktkQU..."
  },
  "merchantAccount": "YOUR_MERCHANT_ACCOUNT"
}