Migrating to Payment Intents

[javiertrillo]

Hello,

I would like to know is you are going to include the Stripe migration to payment intents in this plugin.
I am using this plugin in some projects and I have to update my project to new Stripe Payment flow.

I have to decide if still using this plugin or use the javascript native library.

[ihadeed]

Hi @javiertrillo

Yes we will include Payment Intents, however there's no guarantee on when it will be ready and published.

If you need something to use today, I suggest you go with the JavaScript library.

The only benefit this library gives you is the ability to use features like Google Pay and Apple Pay.

Other features that aren't required by the Payment Intent flow will most likely be dropped from this library.

The native library isn't doing anything special, other than adding tons of telemetry calls that cannot be disabled by a configuration. We prefer to use a tiny HTTP client library (JS based) to make calls directly to the API instead.

[javiertrillo]

Hello @ihadeed ,

Thanks four your reply. I have to do the migration to payment intents before the 14th of September, is the Stripe limit day.

So I think im going to use the Javascript library for a fast integration.

[sagar6899]

Hello @javiertrillo ,
I am also facing the same issue, I am not able to find any ionic-stripe plugin update yet for SCA.
So can you please share your javascript code how to deal with this.

[javiertrillo]

Hello @sagar6899
Finally, I have used the stripe.js library.

I have follow this documentation: https://stripe.com/docs/payments/payment-intents/migration/automatic-confirmation#api-version, it's very clear.

And this doc about integrate stripe.js and ionic: https://baadiersydow.com/integrate-ionic-framework-stripe-single-recurring-payments/

[dilanfdo]

Hello @javiertrillo i am also trying to implement this in my ionic 3 app. Can we do all the steps in the app itself without contacting or help of the server? Can you please share some code how to implement this. Thanks in advance.

[ihadeed]

@dilanfdo

You can, but it's not secure. Some calls require your secret key, which shouldn't be published in the client-side app and should be handled with care even on the server-side.

If you don't have a server and want a minimal solution, deploy a serverless function on a FaaS provider (Firebase/Google Cloud functions, AWS Lambda...etc) that can handle any server-side functionality you need.

[dilanfdo]

@ihadeed

Thanks for your reply. No, there is team who handles the server side(backend). So i can get the help from them to perform the server side tasks. To be more clear can you verify if the following steps are correct

• Register your intent to collect payment on the server side (server sends the intent secret)
• Collect payment details on the client side (call stripe.handleCardPayment with the intent secret and the card element)
• Initiate creation of the payment (according to the documentation its completed in the previous step)
• Fulfill the customer’s order on the server side

I am referring this document https://stripe.com/docs/payments/payment-intents/migration/automatic-confirmation#web

So at what point the 3D secure modal pop up appears in the app?

Also will this be handled in the plugin in the near future?

[ihadeed]

@dilanfdo

You can tell which steps require secret key by looking at the API key they use in the example. If it starts with sk_ that's the secret key.

The steps you have outlined seem correct.

So at what point the 3D secure modal pop up appears in the app?

The 3D secure modal is an additional verification to further ensure that the user is the card holder and they're authorized to make that purchase; which helps collect more proof of authorization and reduce fraud.

Also will this be handled in the plugin in the near future?

The new version will focus on features that (1) are only available on the mobile SDKs, (2) are available on Stripe.js but aren't supported in Cordova or all browsers (Apple/Google pay), or (3) offer native mobile UI components (3DS authentication).

Payment Intents are included since they use 3DS for authentication.

[dilanfdo]

@ihadeed

Thanks for the clarification. Looking forward to using the latest release of the plugin :)

[CodeWithOz]

@javiertrillo did you have to worry about HTTPS when using Stripe.js for payment intents? Stripe's docs say that you can only use PaymentIntents over HTTPS.

Also, did you integrate Apple Pay and/or Google Pay with the PaymentIntents?

[danroot]

Same question as @CodeWithOz - Stripe.js give a warning that HTTPS is required for production use. Since the ionic app is running on ionic:// or http://localhost or capacitor:// , my understanding is that stripe.js cannot be used from a cordova or capacitor app in production use. Can someone confirm or correct me on that? I'm also looking at how to support 3d secure using cordova-plugin-stripe.

[graemeenglish]

@danroot I ended up using stripe.js to target web and a custom implementation of this plugin to cover android and ios for the reason you mention (along with apple/google pay support which also wouldn't be possible for native using stripe.js I believe)

[jackbayliss]

@danroot Stripe.js didn't work for me, purely because due to SCA (EU thing) we needed to use Payment Intents which only works with HTTPS. I couldn't find a way around the HTTPS error so what I did was make a custom cordova plugin that uses the Stripe SDK itself this allows for 3D security and payment intents.

[CodeWithOz]

@graemeenglish @jackbayliss could either of you please share the modified code you used? So the rest of us don’t have to reinvent the wheel 🙂.

[jackbayliss]

@CodeWithOz You can find my Android implementation here :
https://github.com/jackbayliss/cordova-plugin-stripe-intent