Initialize to your project
First, you will import Stripe
object from @capacitor-community/stripe
. After that, you should do
initialize
method with StripeInitializationOptions
.
StripeInitializationOptions
require your publishableKey.
import { Stripe } from '@capacitor-community/stripe';
export async function initialize(): Promise<void> {
Stripe.initialize({
publishableKey: "Your Publishable Key",
});
}
method
initialize(...)
initialize(opts: StripeInitializationOptions) => Promise<void>
interface
StripeInitializationOptions
Prop Type Description publishableKey
string
stripeAccount
string
Optional. Making API calls for connected accounts
Don't you have the publishableKey? If so, first register as a member and acquire it.
https://dashboard.stripe.com/register
Example
These are implementation examples of each JavaScript framework.
Angular
app.component.ts
import { Component } from '@angular/core';
+ import { Stripe } from '@capacitor-community/stripe';
@Component({
selector: 'app-root',
templateUrl: 'app.component.html',
styleUrls: ['app.component.scss'],
})
export class AppComponent {
constructor() {
+ Stripe.initialize({
+ publishableKey: 'Your Publishable Key',
+ });
}
}
React
When we are using the
CapacitorStripeProvider
component, we don't have to initialize manually.