s0__0-PI | Stripe Developers | Page 1

dawn iris Apr 5, 2022, 9:12 AM

#

Hi! After you created the PaymentIntent, on your backend sever you can find the client secret in paymentIntent.client_secret. https://stripe.com/docs/api/payment_intents/object?lang=dotnet#payment_intent_object-client_secret

proven stag Apr 5, 2022, 9:16 AM

#

$stripe->paymentIntents->create(
[
'amount' => 1099,
'currency' => 'eur',
'automatic_payment_methods' => ['enabled' => true],
]
);

#

what i have return is this @@

#

dawn iris Apr 5, 2022, 9:21 AM

#

You need to store the PaymentIntent in a variable, something like this:

$paymentIntent = $stripe->paymentIntents->create( ... );

And then in the $paymentIntent variable there will be a client_secret.

proven stag Apr 5, 2022, 9:39 AM

#

can i directly show card number fields after customer choose stripe method?

#

#

customer will choose his payment method and fill in email addr, after that, if he choose stripe, another page showing card number field

dawn iris Apr 5, 2022, 9:45 AM

#

Yes, you need to keep reading this documentation page: https://stripe.com/docs/payments/accept-a-payment?platform=web&ui=elements
First create the PaymentIntent, then collect payment information with the Payment Element.

proven stag Apr 5, 2022, 10:03 AM

#

okok i can now show my card form, how can i pass the product information back to my server?

#

should i save the client_secret to my database, and when customer paid, i can check which order No. by comparing the client_secret to know which order is paid?

dawn iris Apr 5, 2022, 10:07 AM

#

You can either store the PaymentIntent ID in your database, or you could add metadata to the PaymentIntent: https://stripe.com/docs/api/payment_intents/create?lang=node#create_payment_intent-metadata

proven stag Apr 5, 2022, 10:15 AM

#

okok thanks!

proven stag Apr 5, 2022, 10:38 AM

#

#

when i press submit, an error is occur @@

#

balmy spear Apr 5, 2022, 10:45 AM

#

Hey, taking over from @dawn iris here

#

Something seems off here. Your UI is using the Payment Element yet your code is creating a card element

#

Ah, you're creating a UPE instance earlier in your code

#

Why are you creating a Token?

proven stag Apr 5, 2022, 11:01 AM

#

I am very confuse what am i doing

#

Lots of example and doc

#

And i mix up everything

#

Now i can show the card field, but what i have to handle with the submit button?

balmy spear Apr 5, 2022, 11:05 AM

#

Are you following a guide from somewhere?

#

Generally you shouldn't use createToken

proven stag Apr 5, 2022, 11:17 AM

#

Okok but what i have to do about the submit button?

balmy spear Apr 5, 2022, 11:20 AM

#

You should be following the guide: https://stripe.com/docs/payments/accept-a-payment?platform=web&ui=elements

Accept a payment

Securely accept payments online.

#

I'm guessing you're following another guide online?

#

I can't write code for you, so you need to share the exact block of code you're struggling with and what exactly the issue is

proven stag Apr 5, 2022, 11:21 AM

#

yes i am following this page

#

once i click the submit buttom, the url goes the same, and nothing happen, no success msg

#

and i havnt set src in the <form> tag

#

do i need to event.preventDefault();
to disable the submit action?

balmy spear Apr 5, 2022, 11:28 AM

#

Can you share the code your submit button triggers?

proven stag Apr 5, 2022, 11:30 AM

#

#

#

i have updated the trigger code

balmy spear Apr 5, 2022, 11:32 AM

#

You need some JavaScript to handle the form submission

#

https://stripe.com/docs/payments/accept-a-payment?platform=web&ui=elements&html-or-react=html#web-submit-payment

Accept a payment

Securely accept payments online.

proven stag Apr 5, 2022, 11:32 AM

#

balmy spear Apr 5, 2022, 11:32 AM

#

I can't see that in what you've shared

proven stag Apr 5, 2022, 11:32 AM

#

but i got some error

#

can you see my image now @@?

balmy spear Apr 5, 2022, 11:36 AM

#

Does the error make sense to you?

proven stag Apr 5, 2022, 11:55 AM

#

is it a must to show region select option?

hot fable Apr 5, 2022, 12:00 PM

#

yes, we ask for the country the customer is in since it's required for fraud prevention overall (it helps determine if we need to collect a postal code and in what format, which is used detecting fraud(https://stripe.com/docs/disputes/prevention/verification#avs-check))

proven stag Apr 5, 2022, 12:03 PM

#

how can i add alipay and wechat in my form?

hot fable Apr 5, 2022, 12:12 PM

#

If you have them enabled on https://dashboard.stripe.com/settings/payment_methods and are using a PaymentIntent that's compatible(see the docs for WeChat and Alipay on our site, for example they only work with certain currencies), they will just appear.

proven stag Apr 5, 2022, 12:17 PM

#

i have enable them
currency is hkd
region is hk
but no alipay/wechat button appear @@

hot fable Apr 5, 2022, 12:19 PM

#

what's the PaymentIntent ID pi_xxx you're using so I can check something?

proven stag Apr 5, 2022, 12:20 PM

#

pi_3KlBJZJnRDDqOaR70Pb11sGy

hot fable Apr 5, 2022, 12:22 PM

#

you're not using your own Stripe account

#

I assume you copy and pasted API keys from our docs somewhere, so you're actually creating that object on one of our test accounts

#

get your own keys from https://dashboard.stripe.com/test/apikeys and configure the PHP code to use those instead, so that the settings from your own account will apply and the payments appear on your own dashboard

proven stag Apr 5, 2022, 12:26 PM

#

oops, sorry

#

i can see them now

#

can i adjust the width to see them all?

#

width of the form

hot fable Apr 5, 2022, 12:28 PM

#

it fits the width of the container you mount the PaymentElement to, but in general that's how it's designed, it has a dropdown menu for picking other payment methods

proven stag Apr 5, 2022, 12:28 PM

#

i cant see the form in mobile after i change the keys

#

PC looks fine

hot fable Apr 5, 2022, 12:29 PM

#

what debugging have you done?

#

if you have a public link to the site I can have a look too.

proven stag Apr 5, 2022, 12:31 PM

#

https://yudans.net/cart.php?action=submit_order&code=6c263effd1fdf87d0ea6959112ed3208

hot fable Apr 5, 2022, 12:35 PM

#

seems fine to me

#

how did you test exactly, what does "in mobile" mean precisely?

proven stag Apr 5, 2022, 12:39 PM

#

i just open this link in my andriod phone @@

#

no form appeared, just only my submit button

hot fable Apr 5, 2022, 12:42 PM

#

opened it on my Android phone and it displays fine

#

if you want to debug it one option is to connect the phone to your PC and remote debug with https://developer.chrome.com/docs/devtools/remote-debugging/ so you can see the browser console

proven stag Apr 5, 2022, 1:19 PM

#

hello

#

#

i have got this error

#

{
"error": {
"message": "The client_secret provided does not match any associated PaymentIntent on this account.",
"param": "client_secret",
"type": "invalid_request_error"
}
}

#

but in my pc and your phone, it works fine @@!

proven stag Apr 5, 2022, 2:03 PM

#

my iphone didnt show apple pay method @@

rapid kernel Apr 5, 2022, 2:08 PM

#

Hi there 👋 jumping in as my teammates needed to step away. The sever is very busy at the moment, would you mind summarizing your current questions/concerns?

proven stag Apr 5, 2022, 2:09 PM

#

the previous problem is settled

#

the newest question is
my iphone didnt show apple pay method @@

#

u may visit
https://yudans.net/cart.php?action=submit_order&code=803ea4d8db9900cdd8eed4d99ee70d59

rapid kernel Apr 5, 2022, 2:12 PM

#

I'm not seeing it either, have you followed the instructions in the "Set up Apple Pay for your website" section from this article to verify your domain with Apple Pay?
https://support.stripe.com/questions/enable-apple-pay-on-your-stripe-account

Enable Apple Pay on your Stripe account : Stripe: Help & Support

Find help and support for Stripe. Our support center provides answers on all types of situations, including account information, charges and refunds, and subscriptions information. Get your questions answered and find international support for Stripe.

proven stag Apr 5, 2022, 2:12 PM

#

#

i turn on apple and google pay
for my android phone, i can see google pay
but no apple pay in my iphone

#

oh i know what u mean now

#

hnvt do that yet

rapid kernel Apr 5, 2022, 2:20 PM

#

Alright, you'll need to verify your doamin with Apple before they will allow Apple Pay to be displayed.

proven stag Apr 5, 2022, 2:24 PM

#

ok thanks

#

how about wechat ?
in pc, It show a qr code only
after i cross it (didnt scan) , it redirect to my return_url

#

does it mean a bug? or i have to set a fail page?

hot fable Apr 5, 2022, 2:31 PM

#

what does "cross it" mean?

proven stag Apr 5, 2022, 2:31 PM

#

closs the pc code by pressing the "cross" icon

hot fable Apr 5, 2022, 2:32 PM

#

can you share a screenshot of what you're describing?

proven stag Apr 5, 2022, 2:32 PM

#

hot fable Apr 5, 2022, 2:33 PM

#

makes sense, so you cancelled the payment

#

it will go to your return_url yes

#

if you look in the URL you probably see information that tells you the payment is not complete(I think there's a &redirect_status=failed or something similar)

#

or you can use https://stripe.com/docs/js/payment_intents/retrieve_payment_intent to check the current status on that page as well. Depends what you're trying to do.

proven stag Apr 5, 2022, 2:36 PM

#

https://yudans.net/complete?payment_intent=pi_3KlD6ZGRGdCFkMmo3I5fQkcZ&payment_intent_client_secret=pi_3KlD6ZGRGdCFkMmo3I5fQkcZ_secret_ufwq8pki7rSSpEpcME58aHpON&redirect_status=succeeded

#

when i close, the redirect_status showed succeeded @@

#

not failed

hot fable Apr 5, 2022, 2:44 PM

#

ok, then you would want my second option

proven stag Apr 5, 2022, 2:49 PM

#

i am following this page @@
https://stripe.com/docs/payments/accept-a-payment?platform=web&ui=elements

hot fable Apr 5, 2022, 2:51 PM

#

yep, indeed

#

do you have a question?

proven stag Apr 5, 2022, 2:52 PM

#

in test case, if success payment, will my webhook receive a notification?

hot fable Apr 5, 2022, 2:52 PM

#

yep!

proven stag Apr 5, 2022, 2:55 PM

#

how can i redirect a fail page to customer while they cancel paying?

#

const {error} = await stripe.confirmPayment({
//Elements instance that was used to create the Payment Element
elements,
confirmParams: {
return_url: 'https://yudans.net/complete',
},
});

#

i have just only set a return_url

hot fable Apr 5, 2022, 3:02 PM

#

you can't, that's not supported right now

proven stag Apr 5, 2022, 3:03 PM

#

after i've received a success msg from my webhook, can i trust it? or i still have to check with stripe again?

hot fable Apr 5, 2022, 3:03 PM

#

you can trust it

proven stag Apr 5, 2022, 3:04 PM

#

in my return_url, i have to handle both success and fail msg, right?

hot fable Apr 5, 2022, 3:07 PM

#

yes

proven stag Apr 5, 2022, 3:10 PM

#

okok

hot fable Apr 5, 2022, 3:15 PM

#

@proven stag going to close this thread for now as it's been ongoing for a long time and you seem to be making progress and are not blocked. Happy hacking!

#s0__0-PI