Starting with Apple Pay on the web

Question

I would like to implement Apple Pay for web. I was getting a little bit confused by the documentations of Sandbox and Production. I'm using Mac mini (late 2012) with Sierra and iPad mini 3 with IOS 10.

Can you please help me understand what is needed for Sandbox testing? I was following: Apple Pay Sandbox Testing.

Both devices are on the same WIFI, bluetooth is on, handoff is on and AirDrop is on.
I created a sandbox user and logged in with it to icould on both devices.
I added a test credit card to the Wallet app in my iPad
Do I need to configure merchant id, certificate and merchant domain?

I'm using this simple code that I found here. I can't get canMakePayments() to return true. I receive: "ApplePay is possible on this browser, but not currently activated."

window.onload = function() {
    if (window.ApplePaySession) {
        var merchantIdentifier = 'example.com.store';
        var promise = ApplePaySession.canMakePaymentsWithActiveCard(merchantIdentifier);
        promise.then(function (canMakePayments) {
                        if (canMakePayments) {
                            console.log("Hi, I can do ApplePay");
                            document.getElementById("applePay").style.display = "block";
                        }
                        else {
                            console.log("ApplePay is possible on this browser, but not currently activated.");
                            document.getElementById("got_notactive").style.display = "block";
                        }
                    }); 
    }
    else {
        console.log("ApplePay is not available on this browser");
        document.getElementById("notgot").style.display = "block";
    }
}

Martin Costello Martin Costello · Accepted Answer · 2016-10-12T17:22:28

I had similar issues with ApplePaySession.canMakePaymentsWithActiveCard(merchantIdentifier) not returning true in the promise.

Using ApplePaySession.canMakePayments() instead did return true when the various conditions you mention for a sandbox user (pairing, iCloud etc.) were met on macOS Safari, and payments could be successfully handled with hand-off to iPhone and Apple Watch.

It would of course be good to determine what the missing thing is that makes ApplePaySession.canMakePaymentsWithActiveCard(merchantIdentifier) seemingly not return true on macOS. It seems to work fine on iOS.

Starting with Apple Pay on the web

2 Answers