tiffany-applepay | Stripe Developers | Page 1

tulip meteor Oct 25, 2021, 8:48 PM

#

hello, don't test them in private browsing, that returns a false positive in that canMakePayment() is always true in private browsing mode even if you aren't actually set up for Apple Pay

#

but if a user is set up correctly, then they can still use Apple Pay in private browsing

mortal pasture Oct 25, 2021, 9:18 PM

#

Thanks! I am still getting null in safari and false in chrome. My payment methods have been verified on other sites that they are setup correctly.. I'm just at a loss at this point

modern skiff Oct 25, 2021, 9:19 PM

#

Hello! Can you give us a link to the page with the issue so we can investigate on our end?

mortal pasture Oct 25, 2021, 9:20 PM

#

it is unfortunately behind a VPN

#

can i share some code or run some recommended tests? console logs? network results?

modern skiff Oct 25, 2021, 9:22 PM

#

First thing to do is make sure Apple Pay/Google Pay works in the browsers you're using. If you go here do you see an Apple Pay/Google Pay button above the "HTML + JS" tab? https://stripe.com/docs/stripe-js/elements/payment-request-button

mortal pasture Oct 25, 2021, 9:23 PM

#

Yes I do

#

on Safari I see Apple Pay on Chrome I see a Pay Now button

modern skiff Oct 25, 2021, 9:29 PM

#

Okay, that's good! Next, on your own page, do you see any errors or warnings in the web dev console when you visit the page where the Apple/Google Pay button should show up?

mortal pasture Oct 25, 2021, 9:31 PM

#

Yes on Safari I have an error that says Either your wallet has not been setup or your domain is not registered with Apple Pay

modern skiff Oct 25, 2021, 9:32 PM

#

What about in Chrome with Google Pay?

mortal pasture Oct 25, 2021, 9:33 PM

#

Screen_Shot_2021-10-25_at_3.32.54_PM.png

modern skiff Oct 25, 2021, 9:34 PM

#

But you did see a Google Pay button on https://stripe.com/docs/stripe-js/elements/payment-request-button in Chrome?

mortal pasture Oct 25, 2021, 9:34 PM

#

No I see a Pay Now button

modern skiff Oct 25, 2021, 9:35 PM

#

Ah, okay, so that means you don't have a Google Pay card set up in Chrome that's compatible with Stripe.

#

So that's why Google Pay isn't working.

#

For Apple Pay it's likely an issue with your Apple Pay domain. Are you using Connect?

mortal pasture Oct 25, 2021, 9:40 PM

#

what is connect

#

ok I'm using a real card in google pay

#

do I need to use a test card

modern skiff Oct 25, 2021, 9:41 PM

#

Connect is our product for marketplaces: https://stripe.com/connect

mortal pasture Oct 25, 2021, 9:41 PM

#

Is Elements the same thing

modern skiff Oct 25, 2021, 9:41 PM

#

There's no way to add a test card to an Apple Pay or Google Pay wallet, but you can test with live cards in Stripe's test mode without being charged.

#

No, Elements is separate.

#

Let's focus on one payment method at a time, either Apple Pay or Google Pay; which do you want to start with?

mortal pasture Oct 25, 2021, 9:43 PM

#

Lets get Google pay working I guess. Seems the simplest

#

so I do have a live card in my payment method

modern skiff Oct 25, 2021, 9:44 PM

#

Okay, so with Google Pay it's important to understand that cards saved locally in Chrome do not count as Google Pay cards. Do you see at least one card here? https://pay.google.com/gp/w/u/0/home/paymentmethods

mortal pasture Oct 25, 2021, 9:44 PM

#

in Chrome

#

ooh ok checking now

#

I do not

#

ok I will add one and be back

#

ok I have one added now

modern skiff Oct 25, 2021, 9:51 PM

#

Okay, if you go back to https://stripe.com/docs/stripe-js/elements/payment-request-button do you see a Google Pay button now?

mortal pasture Oct 25, 2021, 9:54 PM

#

No, I still get the Pay Now button

modern skiff Oct 25, 2021, 9:55 PM

#

Chrome on desktop is a little strange with Google Pay. Sometimes it doesn't work correctly in the beginning. Can you try going to this test page, click on Buy, cancel out of the payment sheet, then reload the Stripe page above and see if Google Pay appears? https://rsolomakhin.github.io/pr/gp2/

mortal pasture Oct 25, 2021, 9:56 PM

#

ok

#

same button

#

on the test site I get "Can make payment" then "No enrolled instrument"

#

is that normal

#

it does pull up the payment sheet w/ my card available there

modern skiff Oct 25, 2021, 9:58 PM

#

Hm. Maybe restart Chrome and try again?

mortal pasture Oct 25, 2021, 9:59 PM

#

ok

#

same

#

I refreshed cache

#

and am still getting the pay now button

modern skiff Oct 25, 2021, 10:02 PM

#

Hm. What card brand is it? Visa? MasterCard?

mortal pasture Oct 25, 2021, 10:02 PM

#

Mastercard

modern skiff Oct 25, 2021, 10:05 PM

#

If you go to chrome://settings/payments do you see your card listed there with "Google Pay" next to it?

mortal pasture Oct 25, 2021, 10:06 PM

#

yes

#

oh!

#

it wasnt my default card

#

ok it's working now on the site

modern skiff Oct 25, 2021, 10:07 PM

#

Okay, awesome!

#

That's one down!

mortal pasture Oct 25, 2021, 10:07 PM

#

whew!

modern skiff Oct 25, 2021, 10:07 PM

#

Okay, now for Apple Pay...

mortal pasture Oct 25, 2021, 10:07 PM

#

ok I'm checking on my site now

modern skiff Oct 25, 2021, 10:07 PM

#

If you go to https://dashboard.stripe.com/settings/payments/apple_pay do you see your domain listed there under Web domains?

mortal pasture Oct 25, 2021, 10:08 PM

#

Yes

modern skiff Oct 25, 2021, 10:09 PM

#

Okay, hm. It's going to get more difficult to figure out what's wrong if I can't see your site. Can you share the code you're using to initialize Stripe.js and create the Payment Request and Payment Request Button?

mortal pasture Oct 25, 2021, 10:10 PM

#

yes

#

📎 message.txt

modern skiff Oct 25, 2021, 10:13 PM

#

Thanks! Does the publishable key you're using start with pk_test_?

mortal pasture Oct 25, 2021, 10:13 PM

#

also for chrome & google pay.. when I said it's working on my site now I mispoke. I meant to say it is working on Stripes site. I'm getting an Apple Pay error on my chrome on my personal site:

Screen_Shot_2021-10-25_at_4.13.21_PM.png

mortal pasture Oct 25, 2021, 10:14 PM

#

modern skiff Thanks! Does the publishable key you're using start with `pk_test_`?

the stripe key? it does, yes

modern skiff Oct 25, 2021, 10:15 PM

#

Oh, okay, let's go back to Google Pay then... so it's working on Stripe's site, but not yours?

mortal pasture Oct 25, 2021, 10:15 PM

#

yes correct

#

i am getting true back for Google Pay now

#

but it looks like it goes on to try apple pay

#

and returns null.

#

I'm assuming that is in my code

modern skiff Oct 25, 2021, 10:16 PM

#

Yeah, that's expected. I think you need to modify your code to account for that possibility.

mortal pasture Oct 25, 2021, 10:17 PM

#

ok

#

I can do that.. do you want to move on or wait

modern skiff Oct 25, 2021, 10:19 PM

#

Probably best to fix that before continuing.

mortal pasture Oct 25, 2021, 10:20 PM

#

ok doing so now

#

Will take a few minutes to PR since I cannot use localhost

mortal pasture Oct 25, 2021, 10:45 PM

#

still working on resolving it..

#

just to keep you posted!

mortal pasture Oct 25, 2021, 11:02 PM

#

So I managed to get an apple pay button but I do see a 400 code from stripe in my console

wise sleet Oct 25, 2021, 11:03 PM

#

Can you share more details?

mortal pasture Oct 25, 2021, 11:04 PM

#

Yes

#

Screen_Shot_2021-10-25_at_5.04.54_PM.png

#

I have a lot of console logs but here is the screen shot of the error

#

this.paymentRequest.canMakePayment().then(result => {
console.log('result' + result);

  if (result) {
    this.checkoutService.supportBrowserAppleGoogle = result;

      // if (result.applePay === true && this.featuresService.featureIsOn('web_stripe_apple_pay')) {
      //   prButton.mount('#apple-pay-button');
      //   console.log('apple pay stripe');
      // }

      if (result.googlePay === true 
        // && this.featuresService.featureIsOn('web_stripe_google_pay')
        ) {
        prButton.mount('#google-pay-button');
        console.log('google pay stripe');
      }

  } else {
    this.checkoutService.supportBrowserAppleGoogle = { applePay: false, googlePay: false };
    console.log('else2');

  }

#

Here is the code from that same area

wise sleet Oct 25, 2021, 11:06 PM

#

that 400 is irrelevant, you can just ignore it

#

it's something we use for metrics and some requests are blocked but it's fine

mortal pasture Oct 25, 2021, 11:06 PM

#

ok yay! So Rubeus helped me get the Google pay working and then we were going to move on to Apple

wise sleet Oct 25, 2021, 11:06 PM

#

awesome! Rubeus is a wizard 🙂

mortal pasture Oct 25, 2021, 11:10 PM

#

YES I could tell

#

so I'm still getting a null on the apple pay side of things

#

we verified my payment is working w/ the Stripe site that shows the button at the top

wise sleet Oct 25, 2021, 11:11 PM

#

it could be many things. We'll need to see the page live to help you debug

mortal pasture Oct 25, 2021, 11:12 PM

#

oh shoot. It is behind a VPN

#

can I send screenshots? and debug from my end?

wise sleet Oct 25, 2021, 11:12 PM

#

is it really impossible for us to see it? I'm really confused why you'd put an Apple Pay button on a website behind a VPN in the first place and how Apple would register/verify the domain

#

And sure we can try, but that will be like pulling teeth 😦

mortal pasture Oct 25, 2021, 11:13 PM

#

It's my companies testing environments.. I dont have a say in it.

#

It'll enventually be pushed up to production and on a live site

#

but has to pass QA

#

we have our verification file public

wise sleet Oct 25, 2021, 11:16 PM

#

Damn okay.

#

@mortal pasture could you try https://4242.io/apple-pay-domain-checker/ by any chance?

mortal pasture Oct 25, 2021, 11:19 PM

#

yea lemme try that! I didnt know that existed

wise sleet Oct 25, 2021, 11:20 PM

#

yeah it's not official but we've found it helpful to debug

mortal pasture Oct 25, 2021, 11:22 PM

#

yea it says my domain is not setup correctly

#

hmm.

#

do I need to include the https?

wise sleet Oct 25, 2021, 11:25 PM

#

no

mortal pasture Oct 25, 2021, 11:25 PM

#

could that be because it is behind a VPN?

wise sleet Oct 25, 2021, 11:25 PM

#

but it does means something is not registered properly

mortal pasture Oct 25, 2021, 11:25 PM

#

ok I tried both ways

wise sleet Oct 25, 2021, 11:25 PM

#

Are you sure the domain is registered in your account settings?

mortal pasture Oct 25, 2021, 11:25 PM

#

ok.. I dont have access to the Stripe login 🙄

#

I will get with a lead dev tomorrow and have him login

#

can you send me a link to the steps

wise sleet Oct 25, 2021, 11:26 PM

#

https://stripe.com/docs/stripe-js/elements/payment-request-button?html-or-react=html#verifying-your-domain-with-apple-pay

#

do you have any specific id for the account like a request id req_123 or a token id tok_123?

#

I can use it to double check if something is registered

mortal pasture Oct 25, 2021, 11:27 PM

#

hmm...

#

lemme see

#

would that be a pk_test?

#

thats the key ..

#

would the token id be in my code somewhere? or I could console log it potentially?

wise sleet Oct 25, 2021, 11:31 PM

#

I meant any Stripe id about your integration. It's hard to say what, depends on so many factor, but your code must be creating a PaymentIntent or PaymentMethod or Charge or Token or Source or any other relevant object id you could share that wouldn't be your Test API key

mortal pasture Oct 25, 2021, 11:34 PM

#

setupButton() {
this.elements = this.stripe?.elements();
this.paymentRequest?.on('token', ({ token }) => {
this.token = token;
console.log('token ' + this.token);
});

#

^this?

wise sleet Oct 25, 2021, 11:35 PM

#

yes the token id, the tok_123

mortal pasture Oct 25, 2021, 11:36 PM

#

ok.. I havent actually had my code get that far so I havent had it print out yet

#

I'll see if I can move that call up

wise sleet Oct 25, 2021, 11:44 PM

#

might be easier to come back to this tomorrow at this point though since Google Pay got unblocked and for Apple Pay it's likely a domain registration issue

mortal pasture Oct 25, 2021, 11:48 PM

#

ok I can do that too.. I'm waiting on my pipeline to build

#

after moving up the token build

wise sleet Oct 25, 2021, 11:53 PM

#

sounds good

mortal pasture Oct 25, 2021, 11:59 PM

#

Yea I wasnt able to get that id

#

I'll hop back on tomorrow

#

Thanks for your help!

wise sleet Oct 26, 2021, 12:03 AM

#

sure thing!

modern skiff Oct 26, 2021, 6:05 PM

#

Hello again!

#

Hey Rubeus, you helped me get my Google pay button working yesterday evening and now I'm still struggling w/ Apple Pay. I used this site to test my registration and it says it is not setup correctly. However, it is in the Apple Pay section of the dashboard

#

Are you sure the domains are an exact match? www.example.com does not match example.com, for example.

#

@mortal pasture Just confirming you saw the message above?

mortal pasture Oct 26, 2021, 6:13 PM

#

yes i did thanks!

#

question - would it be an issue that our test site doesnt use live keys, only prod does?

modern skiff Oct 26, 2021, 6:17 PM

#

No, they keys wouldn't matter.

#

You're certain Connect is not involved at all?

mortal pasture Oct 26, 2021, 6:17 PM

#

Is there somewhere I can check on that?

modern skiff Oct 26, 2021, 6:19 PM

#

There are numerous places it may come into play... can you provide a request ID from your account? It can be any request ID, just something for me to use to view your account and the Apple Pay domains there. Here's how you can find a request ID: https://support.stripe.com/questions/finding-the-id-for-an-api-request

mortal pasture Oct 26, 2021, 6:24 PM

#

I dont have access to the dashboard 😦

modern skiff Oct 26, 2021, 6:24 PM

#

If you don't have access to the Dashboard there's no way to continue debugging this without having access to the site.

#

Well... do you have access to the API?

mortal pasture Oct 26, 2021, 6:25 PM

#

I'm told we may be usng connects for client billing

#

but on the ui we use elements

#

for sure we use elements on the web/ui side

modern skiff Oct 26, 2021, 6:26 PM

#

Connect is Stripe's ability to link Stripe accounts together and move money from one to the other. It's not a UI element like Elements or anything like that, it's a broad foundation/concept you build on.

#

When someone pays with Apple Pay where does the money go? Does it land in your Stripe account or does it land in a connected account?

mortal pasture Oct 26, 2021, 6:28 PM

#

oof. I do not know that. I'm just one of the many devs..

#

what would I need to do differently if we do use Connects?

modern skiff Oct 26, 2021, 6:30 PM

#

It depends on the funds flow, the type of connected account, etc.

#

It might be the case that you need to add the Apple Pay domain via the API to the connected account using your platform's API key and the connected account's ID.

#

If might be the case that you need to add the Apple Pay domain directly to your platform account.

#

Without knowing the type of connected accounts you're using and the funds flows involved (like direct vs. destination charges) it's impossible for me to tell you what to do, I'm afraid.

#

Is there any way you can loop in someone with more context?

mortal pasture Oct 26, 2021, 6:32 PM

#

Yea I'm reaching out to a colleague .. he's been w/ the company longer so he may know some of this

#

it lands in a connected account (e.g the biz gets paid not us)

#

looks like we have over 1000 connected accounts

modern skiff Oct 26, 2021, 6:37 PM

#

Are they Standard accounts using direct charges?

mortal pasture Oct 26, 2021, 6:38 PM

#

we dont know the answer to that... they are accounts signed up w/ Stripe.. ?

modern skiff Oct 26, 2021, 6:39 PM

#

All Stripe accounts are accounts signed up with Stripe. 🙂

mortal pasture Oct 26, 2021, 6:39 PM

#

lol

modern skiff Oct 26, 2021, 6:39 PM

#

Okay... let's see... are you specifying a connected account ID when initializing Stripe.js?

mortal pasture Oct 26, 2021, 6:40 PM

#

Yes, they have a stripe key/business key we use

#

from my colleague - looks like Standard if I'm looking at the right things

modern skiff Oct 26, 2021, 6:41 PM

#

Okay, in that case you need to use your platform's secret API key + each connected account's ID to add the Apple Pay domain to each connected account you want to use that domain with.

mortal pasture Oct 26, 2021, 6:42 PM

#

seriously? woah.

modern skiff Oct 26, 2021, 6:43 PM

#

Yep, have a look here: https://stripe.com/docs/stripe-js/elements/payment-request-button?html-or-react=html#html-js-using-with-connect

mortal pasture Oct 26, 2021, 6:43 PM

#

can that be done thru the API call or in the dashboard

modern skiff Oct 26, 2021, 6:43 PM

#

It must be done through the API. It's not possible to do this via the Dashboard because Connect is involved.

mortal pasture Oct 26, 2021, 6:45 PM

#

ok

#

were going to test this with one of our accounts first. Thank you!

modern skiff Oct 26, 2021, 6:46 PM

#

Happy to help! Let me know how it goes!

mortal pasture Oct 26, 2021, 8:08 PM

#

Do we need to be setup with payment intents to use this function?

broken cedar Oct 26, 2021, 8:09 PM

#

Are you asking whether you need to use Payment Intents to use the Payment Request Button in general?

mortal pasture Oct 26, 2021, 8:10 PM

#

No, specifically to setup our domain on this step: Use the Payment Request Button with Stripe Connect if we use Charges API functionality, and not the Payment Intents API functionality

broken cedar Oct 26, 2021, 8:11 PM

#

No, using Charges or Payment Intents shouldn't matter for the specific stpe of registering your apple pay domain

mortal pasture Oct 26, 2021, 8:12 PM

#

okay thank you!

mortal pasture Oct 26, 2021, 8:43 PM

#

Is this.something ok to do on a test site w/ a test account in test mode?

broken cedar Oct 26, 2021, 8:47 PM

#

When testing apple pay you need to register the domain in live mode w/ your live keys, so the connected account has to also be connected in live mode

mortal pasture Oct 26, 2021, 8:50 PM

#

oh no 😩 we do not generally have that capability

modern skiff Oct 26, 2021, 8:55 PM

#

Hey, I'm back again!

mortal pasture Oct 26, 2021, 8:55 PM

#

Hey Rubeus!

modern skiff Oct 26, 2021, 8:55 PM

#

Apple Pay domains must be added in live mode. If you can't add them using your live mode key you can't test them.

mortal pasture Oct 26, 2021, 8:55 PM

#

After checking again, I do think we can test this. I didnt realize we had live test accts we can use

mortal pasture Oct 26, 2021, 9:11 PM

#

Thanks for your help again! We are going to implement into our API and give it a go. It'll prob be a few days but I wanted to say thank you for your help!

#

https://tenor.com/view/the-office-bow-michael-scott-steve-carell-office-gif-12985913

Tenor

#tiffany-applepay