#tree
tired saffron
Do you see Apple Pay show up at the top of this page?
https://stripe.com/docs/stripe-js/elements/payment-request-button
sleek portal
Yes
tired saffron
Do you have a live URL where I can see this being consistently reproduced?
sleek portal
Sure, I can DM you my ngrok domain, and you can look in the console logs.
tired saffron
Sounds good. Is that exact NGROK domain registered for Apple Pay here?
sleek portal
Info sent in a DM, please don't post my private ngrok domain in here 🙂
But yeah, I believe it matches
tired saffron
It looks like you're using the Card Element, is that correct?
sleek portal
Yes, that is currently our primary method of accepting payment.
My task is to implement an Apple Pay button as well.
tired saffron
Got it, so the Card Element doesn't accept Apple Pay unfortunately: https://stripe.com/docs/payments/payment-card-element-comparison
You'll want to integrate the Payment Request Button for Apple Pay in this case: https://stripe.com/docs/stripe-js/elements/payment-request-button
sleek portal
Yeah, that's what I'm working on. I'm stuck on step 3: https://stripe.com/docs/stripe-js/elements/payment-request-button?client=html#html-js-mount-element
const result = await paymentRequest.canMakePayment();
Result is always null on safari, though it is populated on chrome.
tired saffron
Where is that supposed to show up on the page? In other words, where are you seeing Google Pay show up on chrome?
Can you post a screenshot?
sleek portal
I have by looking in console logs - the end goal is to make a custom apple pay button, so I'm not rendering the button yet. I can update my code real quick so that it will show though, give me 5 mins.
Ok, the button is now visible on chrome
at the top of the page
tired saffron
Wait... so the Google Pay button is showing up for you? Mine is showing canMakePayment() is f. I'm also getting these console errors.
sleek portal
Try hard refreshing that page, I can see from console output that isn't my updated JS.
tired saffron
Ah, okay that worked. Digging now, will circle back in a few
Not sure if this is good news or bad news for you, but I can see Apple Pay show up in Safari
sleek portal
Hm, good news maybe. At least now I know it's a local thing. Maybe the type of credit cards that I have saved on my laptop aren't compatible
How did you setup your apple pay card? I used numbers from this page: https://developer.apple.com/apple-pay/sandbox-testing/
Maybe I should try with my actual credit card?
tired saffron
yeah, I think you'd need to use a live card
frank forgeBOT
sleek portal
Ok, thank you! I am now seeing the button after adding my actual credit card.
And it's working with my test public key. So Stripe will never charge this card as long as I'm using test mode credentials, correct?
(my test website has very expensive items 🤣 )
tired saffron
And it's working with my test public key. So Stripe will never charge this card ...
Correct
lavish kelp