kyomen_reactnative-googlepay | Stripe Developers | Page 1

dense cosmosBOT Apr 12, 2024, 6:14 PM

#

👋 Welcome to your new thread!

⏲️ We'll be here soon! Typically we respond in a few minutes, but sometimes we might take a bit longer if the server is busy or if you have a particularly tricky question.

⏱️ We close idle threads, which makes them read-only. Once a thread is closed it won't be reopened, but you can always start a new thread if you have another question.

🔗 This thread will always be available, even after it's closed. You can find it again using Discord's search, or you can save this link: https://discord.com/channels/841573134531821608/1228407924674527252

📝 Have more to share? Add more details, code, screenshots, videos, etc. below.

dapper thunderBOT Apr 12, 2024, 6:15 PM

#

unique urchin Apr 12, 2024, 6:15 PM

#

kyomen_reactnative-googlepay

#

@fresh edge Step 1: load https://docs.stripe.com/stripe-js/elements/payment-request-button in a browser on that device and let me know if you see GooglePay or Link?

fresh edge Apr 12, 2024, 6:18 PM

#

#

You mean the warning on the page?

#

But my card is saved in the Wallet app

unique urchin Apr 12, 2024, 6:19 PM

#

yes that to me means your device does not support Google Pay properly or isn't really configured the right way at the moment

fresh edge Apr 12, 2024, 6:21 PM

#

This device is quite new, as well as the iPhone I used to test it, is there some requirements list for using it?

#

Oh, I think that it's just my default browser (Firefox). On Chrome it shows the button

#

How can this affect my app code?

unique urchin Apr 12, 2024, 6:23 PM

#

Chrome -> Google Pay
Safari -> Apple Pay
Firefox does not support any of this.

Can you share an exact screenshot of what you see on that page?

fresh edge Apr 12, 2024, 6:23 PM

#

#

This is on Chrome

unique urchin Apr 12, 2024, 6:25 PM

#

https://docs.stripe.com/payments/accept-a-payment?platform=react-native&mobile-ui=payment-element#react-native-google-pay did you do those steps?

fresh edge Apr 12, 2024, 6:26 PM

#

I don't have access to AndroidManifest.xml nor the build.gradle files because I'm using expo managed workflow. I'm following the last step tho

unique urchin Apr 12, 2024, 6:28 PM

#

Are you using Expo Go?

fresh edge Apr 12, 2024, 6:30 PM

#

No, development build

#

Is it necessary to rebuild once I wrote the code for Google Pay? Since there wasn't a new installation (@stripe/stripe-react-native was already in the project), I assumed no new steps were needed

unique urchin Apr 12, 2024, 6:38 PM

#

someone on my team is investigating, I'll update you once I know more

exotic blade Apr 12, 2024, 6:44 PM

#

Hello 👋 @fresh edge
You've made the app.json modification as outlined here correct?
https://github.com/stripe/stripe-react-native?tab=readme-ov-file#expo

By that I mean adding following to your app.json:

    ...
    "plugins": [
      [
        "@stripe/stripe-react-native",
        {
          "merchantIdentifier": string | string [],
          "enableGooglePay": boolean
        }
      ]
    ],
  }```

#

You don't need merchantIdentifier for Google Pay but you do need the enableGooglePay

dapper thunderBOT Apr 12, 2024, 6:46 PM

#

fresh edge Apr 12, 2024, 6:47 PM

#

Hello hanzo! I added it yesterday. Actually, my PM said now that the button showed up on her iPhone, but for that I needed to set everything to prod (testEnv to false, publishableKey to prod...) I don't know if I'm missing something, but shoudn't I be able to see the btn in test mode as well?

exotic blade Apr 12, 2024, 6:48 PM

#

You should be able to see it in test mode too yes unless there's some sort of misconfiguration.

fresh edge Apr 12, 2024, 6:50 PM

#

I'll ask for her to test it this way (she said it was okay to refund the order later) and if the payment fails I'll let you know

exotic blade Apr 12, 2024, 6:51 PM

#

and just to make sure, when you test you're generating a development build correct?
https://docs.expo.dev/develop/development-builds/create-a-build/

fresh edge Apr 12, 2024, 6:52 PM

#

Yes I'm using one, but I'll generate a newer one on the upcoming tests

#kyomen_reactnative-googlepay