Apple Pay

Use this guide when you integrate Apple Pay through the Verifone eComm API and want direct control over merchant validation and wallet transactions.

Use this page if

• You process Apple Pay with your own frontend and backend.

• You want to create the merchant session from your server.

• You want to send the Apple Pay token to Verifone through the API.

If you want a Verifone-hosted flow, use Checkout Apple Pay instead.

Before you start

• Enable Apple Pay in your Verifone setup.

• Collect the correct payment_provider_contract.

• Prepare a backend endpoint for merchant validation.

• Prepare a backend endpoint for transaction creation.

• Decide how you will generate and store a unique merchant_reference.

Integration flow at a glance

1. Enable Apple Pay for your Verifone account and domain.

2. Start the Apple Pay session in the browser.

3. Validate the merchant session through your backend.

4. Receive the Apple Pay payment token from the browser.

5. Send the wallet payload to your backend.

6. Create the wallet transaction through the Verifone API.

This page focuses on the direct API path. For wallet setup choices and platform-specific routing, use the Wallet Configuration Guide.

You can also accept payments through Apple Pay via Checkout (Hosted Payments Page - HPP).

Follow the integration steps below to process transactions via Verifone eComm API.

Initiate a wallet payment using Apple Pay

Check also our API documentation.

1. Enable Apple Pay via Verifone's Hosted Checkout or via Direct API, as per the instructions from the Apple Pay documentation.

   To enable the Apple Pay wallet with Mobile SDKs check the Apple Pay information.

2. Generate a unique merchant_reference.

   The merchant_reference needs to be unique to identify the shopper when they are redirected to your server by Apple Pay. In the next step, you will be creating a transaction through the API, the transaction will return an id that needs to be stored safely with the reference. When the shopper returns, you can use this reference to confirm either through the webhook or through the GET transaction API call if the shopper has completed the transaction.

3. Required fields.

   Parameters	Description
   payment_provider_contract	In the Payment Provider Contracts section in Verifone Central, set the Payment Type to Apple Pay for Web, select your contract and copy the Payment Provider Contract ID. Note this value is different in Sandbox and in Production.
   amount	Amount of the transaction.
   merchant_reference	Unique UUID you generate and can link the transaction to when the customer returns.
   currency_code	More on the all currencies supported here: Verifone eCommerce API.
   wallet_type	string Enum: "APPLE_PAY"
   wallet_payload	object The encrypted payload object provided by the wallet on the frontend.

Start a payment session for Apple Pay wallet transactions

The Create a merchant payment session API documentation can be found here.

Create a merchant payment session

Parameters	Description
validation_url	String The ULR pointing to the Apple Pay validation location.
domain	String The domain from which the payment request will be initiated.
payment_provider_contract	String <uuid-flexible> The identifier of payment provider contract you want to process the transaction request with

Web integration

An Apple Pay web integration consists of implementing both client-side and server-side components. You will need to implement the following:

• Create your Apple Pay button and initialize your Apple Pay session when clicked.

  • Apple Pay Buttons

• Initiate the merchant session by calling the validatemerchant event and providing the response to the session.completeMerchantValidation callback.

  • eCommerce

• Use the Apple Pay token to make a wallet transaction API call and complete the Apple Pay session based on the response.

  • eCommerce

Code sample

const ApplePaymentOptions = {
  countryCode: "US",
  currencyCode: "USD",
  merchantCapabilities: ["supports3DS"],
  supportedNetworks: ["visa", "masterCard", "amex", "discover"],
  total: {
    label: "Demo (Card is not charged)",
    type: "final",
    amount: "1.99",
  },
};
const canMakePayments =
  window.ApplePaySession && window.ApplePaySession.canMakePayments();
let session;
function handleApplePayRequest(formValues) {
  if (canMakePayments) {
    session = new window.ApplePaySession(3, ApplePaymentOptions);
    session.onpaymentauthorized = makeTransaction(formValues);
    session.addEventListener("validatemerchant", validateMerchant);
    session.begin();
    console.log("INFO - BEGIN SESSION...");
  }
}
function validateMerchant(e) {
  // Pass the validation URL and domain to your server to make the wallet transaction API call
  fetch(`YOUR_ENDPOINT`, {
    method: "POST",
    headers: REQUEST_HEADERS,
    body: JSON.stringify({
      validation_url: e.validationURL,
      domain: window.location.hostname
    }),
  })
    .then((res) => res.json())
    .then((sessionObject) => {
      session.completeMerchantValidation(sessionObject);
    })
    .catch((err) => console.log("ERROR - MERCHANT VALIDATION: ", err));
}
function makeTransaction(formValues) {
  return (e) => {
    const applePaymentObject = e.payment;
    const payload = {
      token: applePaymentObject.token.paymentData,
    };
  // Pass the Apple Pay token to your server to make the wallet transaction API call
    fetch(`YOUR_ENDPOINT`, {
      method: "POST",
      headers: REQUEST_HEADERS,
      body: JSON.stringify(payload),
    })
      .then((res) => res.json())
      .then((res) => {
        // Check the response status and complete the payment session
        if (res.status === 'AUTHORIZED') {
          session.completePayment(0);
        }
      })
      .catch((err) => console.log("ERROR: ", err));
  };
}

Related guides

• Wallet Configuration Guide

• Apple Pay

• Checkout Apple Pay