nautiyalsachin / stripe Goto Github PK

@capacitor-community/stripe

Stripe Mobile SDK bindings for Capacitor apps

npm i -S @capacitor-community/stripe

import { Plugins } from '@capacitor/core';
import '@capacitor-community/stripe'; // only if you want web support
// Type Safe. Current capacitor 2 limitation
import { StripePlugin } from '@capacitor-community/stripe';
const Stripe = Plugins.Stripe as StripePlugin;

Stripe.setPublishableKey({ key: 'Your key here' });

Add the plugin class in your app's MainActivity.java:

//
// other imports
// ...

// 1. Import Stripe plugin
import ca.zyra.capacitor.stripe.Stripe;

public class MainActivity extends BridgeActivity {
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        // Initializes the Bridge
        this.init(savedInstanceState, new ArrayList<Class<? extends Plugin>>() {{
            //
            // other plugins
            // ...

            // 2. Add Stripe plugin here
            add(Stripe.class);
        }});
    }
}

To use Google Pay you must add the following <meta-data> tag to AndroidManifest.xml:

<application
  ...
  <meta-data
    android:name="com.google.android.gms.wallet.api.enabled"
    android:value="true" />
</application>

Review the steps outlined here for more details on Going live with Google Pay.

To enable payments using Apple Pay you must follow the first 3 steps in this guide:

https://capacitor-community.github.io/stripe/

1. Web support is provided for development purposes. Although it may function as intended in production, it has not been reviewed thoroughly for any security flaws. It's a simple HTTP based client library that communicates directly with Stripe's API Servers without using their official SDKs. Use at your own risk.