Stripe 仮想通貨 SDK ES モジュールをインストールする公開プレビュー

ウェブアプリケーションで Stripe 仮想通貨クライアント側 SDK を設定します。

このガイドでは、スクリプトタグまたはパッケージマネージャーを使用して Stripe 仮想通貨 ES モジュールのクライアント側 SDK をインストールする方法を説明します。SDK には、Stripe 仮想通貨スクリプトによって提供されるグローバルの StripeOnramp 関数が ES モジュールとしてラップされています。この関数では、オンランプウィジェットを使用することで、顧客が法定通貨を使用して仮想通貨を取得するのをサポートできます。

スクリプトを手動で読み込む

以下のスクリプトを、script タグを使用して HTML の <head> 要素内に含めます。互換性と PCI 準拠のため、このスクリプトは常に Stripe のドメイン (「https://js.stripe.com」、「https://crypto-js.stripe.com」) から直接読み込んでください。このスクリプトをバンドルに含めたり、そのコピーを自分でホストしたりしないでください。その場合、警告なしに実装が壊れる可能性があります。

<head>
  <title>Onramp</title>
  <script src="https://js.stripe.com/v3/"></script>
  <script src="https://crypto-js.stripe.com/crypto-onramp-outer.js"></script>
</head>

StripeOnramp コンストラクター

API 公開可能キーを設定し、バックエンドで作成した OnrampSession オブジェクトを Stripe が取得できるようにします。以下に例を示します。

const stripeOnramp = StripeOnramp('pk_test_TYooMQauvdEDq54NiTphI7jx'
);

crypto SDK を ES モジュールとして読み込む

パッケージマネージャーを使用してモジュールをインストールする場合は、最初に npm のパブリックレジストリーから Stripe.js ES モジュールと Stripe 仮想通貨 ES モジュールをインストールします。パッケージには、Typescript の型定義が含まれています。

Command Line
npm install @stripe/stripe-js @stripe/crypto

StripeOnramp コンストラクター

モジュールをインポートし、API 公開可能キーを設定して、バックエンドで作成した OnrampSession オブジェクトを Stripe が取得できるようにします。この関数は、スクリプトの読み込み後に新しく作成された StripeOnramp オブジェクトによって解決される Promise オブジェクトを返します。

import {loadStripeOnramp} from '@stripe/crypto';

const stripeOnramp = await loadStripeOnramp('pk_test_TYooMQauvdEDq54NiTphI7jx'
);