ectoflow/vue-stripe-js

Can you provide a full example code with Payment Elements with create a payment intent first (client secret ..)

Dante690 opened this issue · 7 comments

Dante690 commented
Can you provide a full example code with Payment Elements with create a payment intent first (client secret ..)
softbeehive commented

Hi,
Alright, let's take a look. Do you mean the type "payment" element with payment intent, right?

As a start point you can add type='payment' to:

vue-stripe-js/examples/CardOnly.vue

Line 10 in 92bb1c9

<StripeElement ref="card" :elements="elements" :options="cardOptions" />

  • 😄2
Dante690 commented

Also we need a full payment element guide for this.. like card example...thnks

  • 👀4
tanha1998 commented

await elms.value.instance.confirmCardPayment(clientSecret, { payment_method: { card: cardNumber } })

softbeehive commented

https://stripe.com/docs/payments/accept-a-payment?ui=elements

I'm gonna provide a full example, which requires stripe account and payment intent (server-side), but really tight on time right now

Basically, you need client_secret, it then passed as property of options to StripeElements. Then you'll be able to call confirmPayment on stripe instance.

  • 😕2
yashBhosale commented

@softbeehive If you wanna assign this to me I can probably submit a PR with an example for using Payment Elements this weekend.

softbeehive commented

@yashBhosale you are welcome to submit a PR at any time

Here is some guidance:

  1. Create PaymentType.vue in examples folder
  2. Use Vue Composition API (preferably)
  3. Test payment type element
  4. Add Payment Type section to README.md before "Types"
mattvb91 commented

does anyone have a working example with payment intent??

  • 👍4