Exchange applepay token to stripe token on ionic angular [Solved]

Issue

Project Version:
ionic: 6.16.1
capacitor: 3.0.2
angular: 12.0.5

The situation is that we manage to integrate stripe (google pay and credit cards) on ionic web (no domain since it is a native app, just developed in web). However, we could not make any stripe plugin to recognize apple pay on native IOS or google pay on native Android.

One workaround that we are trying to do is that we try to manually get the apple pay token from other plugin and try to exchange it to the stripe API platform with a stripe token so that we can proceed with the payment (we are using [GitHub - samkelleher/cordova-plugin-applepay: A complete Cordova plugin that adds Apple Pay support.] to get the apple pay token). However, there’s no function or API that supports this operation. We are open to suggestions, and thank you for reading !

Solution

Given a PKPayment object which is an Apple Pay Token (not a Stripe Token), you can make a POST request to Stripe's /v1/tokens endpoint and pass the pk_token parameter as shown in their iOS SDK source here.

Answered By - hmunoz