#FKaiB
frail pewter
rare pine
Hi there! That should be it. Are you viewing the payment page in Safari? Do you have a card saved in ApplePay?
uncut jewel
I am using Safari and I have a card saved on ApplePay. However I don't think I've bought anything using apply pay on my mac. Do I need to do something in the Safari settings in order to use it?
rare pine
No, that should be it. Can you load this page in Safari and let me know if you see the ApplePay button displayed up top, above the "HTML + JS" section? https://stripe.com/docs/stripe-js/elements/payment-request-button
uncut jewel
yes I see the apple pay button. So it seems like I just haven't set it up correctly on myside.
rare pine
Any way you can share your account ID and/or your ngrok page?
uncut jewel
not sure if this is the account ID you are talking about
acct_1MsdE3I3I9XKcnSp
and here is what ngrok looks like in the terminal
rare pine
Ah, I think I spotted a typo
you're forwarding from https://a6ca-... (in the screenshot above) while you've registered https://a68c-... in your Stripe Dashboard
uncut jewel
I have updated the registered domain but I still don't see Apple Pay. Also the url is cut off so I am not able to check if the domain is correct.
rare pine
Did that help at all?
uncut jewel
I am still not able to see Apple Pay:(
I ran the ngrok command again and registered the new domain
rare pine
I assume you're using the PaymentElement? Can you share a screenshot of what this looks like?
rare pine
If you view the PaymentElement in Chrome (and have a card configured in Google Pay), do you see "Google Pay" as an option?
uncut jewel
Do I need to register Google Pay just like how I had to in Apple Pay? because I haven't done anything for Google Pay yet
as of now I don't see a Google Pay option
rare pine
No, no special domain registration is needed for GooglePay, but you'll still need to tunnel through HTTPS
uncut jewel
Here is what my backend looks like for testing
rare pine
Could you share a link to your ngrok page where I can try to reproduce on my end?
uncut jewel
How do I share a ngrok page?
rare pine
Do you have the public link to it?
It should be the same one you're testing with on your end, beginning with https://2c...
uncut jewel
oh this?
https://5054-192-145-118-45.ngrok-free.app
Edit: sorry, I changed it again
rare pine
Do you have the full path of the page you're navigating to to view the PaymentElement?
uncut jewel
hold on, now it's saying page not found
uncut jewel
Do you have the full path of the page you're navigating to to view the PaymentEl...
I'm testing it on localhost/3000
maybe I'm not understanding this correctly but there should be a url that ngrok returns where I should be testing all of this instead of local host?
rare pine
Okay, that's where the issue lies. ApplePay and GooglePay will only show up as options in the PaymentElement if you're accessing the PaymentElement through HTTPS. That's where the ngrok tunnel comes in; you should be accessing your payment page from the HTTPS ngrok link, not localhost
uncut jewel
The frontend uses the ngrok domain for making API calls to the backend. and the backend is using the HTTPS tunnel. are you saying that the frontend also needs to be using HTTPS?
rare pine
Yep! That's mentioned here, albeit in the context of the Payment Request Button, but the same applies for the PaymentElement: https://stripe.com/docs/stripe-js/elements/payment-request-button?client=html#html-js-prerequisites
rare pine
@uncut jewel let me know if you still need help!
uncut jewel
I got Google Pay to show up but Apple Pay still isn't showing up
hidden rampart
You'll have to use Safari and have a card set up to use, in order to see Apple Pay show up.
uncut jewel
Hi, I am using Safari and I have Apply Pay set up on my mac
hidden rampart
Have you gone through the process of setting up your domain for Apple Pay?
https://support.stripe.com/questions/enable-apple-pay-on-your-stripe-account
uncut jewel
I have downloaded the domain association file in a directory called ".well-known" in the same place as my flask backend. I have created a HTTPS tubbel using ngrok and registered the domain it gave me on the Stripe dashbord.
hidden rampart
Where is the file hosted? What's the URL?
uncut jewel
https://3ab1-192-145-118-45.ngrok-free.app/signUp
I have the checkout form displayed on the signUp page so that you don't have to create an account to see it
the backend url is https://69a6-2600-1700-87f9-8000-4ce6-81ad-3e73-2928.ngrok-free.app
hidden rampart
That URL where the domain association file should be hosted needs to be: https://3ab1-192-145-118-45.ngrok-free.app/.well-known/apple-developer-merchantid-domain-association
uncut jewel
so the domain association file needs to be with the frontend?