Initialize
まず、 @capacitor-community/stripe から Stripe をインポートして、そのあと
StripeInitializationOptions をつかって initialize メソッドを実行します。
StripeInitializationOptions はあなたの publishableKey が必須で必要です。
import { Stripe } from '@capacitor-community/stripe';
export async function initialize(): Promise<void> {
Stripe.initialize({
publishableKey: "Your Publishable Key",
});
}
methodinitialize(...)
initialize(opts: StripeInitializationOptions) => Promise<void>
interfaceStripeInitializationOptions
Prop Type Description publishableKeystringstripeAccountstringOptional. Making API calls for connected accounts
publishableKey を持っていませんか?もしその場合、まずStripeでアカウント登録してこれを手に入れる必要があります。
https://dashboard.stripe.com/register
Example
JavaScriptフレームワークでの実装例をご紹介します。
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.