capacitorcapacitor-community/stripe

Logo Github GitHub

ガイド

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",
  });
}

method initialize(...)

initialize(opts: StripeInitializationOptions) => Promise<void>

interface StripeInitializationOptions

Prop Type Description
publishableKey string
stripeAccount string Optional. Making API calls for connected accounts

publishableKey を持っていませんか?もしその場合、まずStripeでアカウント登録してこれを手に入れる必要があります。

https://dashboard.stripe.com/registerhttps://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.