Installer le module ES du SDK Stripe CryptoVersion bêta publique

Configurez le SDK Stripe Crypto côté client dans votre application Web.

Ce guide vous montre comment installer le SDK côté client du module ES Stripe Crypto en utilisant une balise de script ou le gestionnaire de packages. Le SDK encapsule la fonction globale StripeOnramp fournie par le script Stripe Crypto sous la forme d’un module ES. Il vous permet d’utiliser le widget de la rampe d’accès pour aider vos clients à acquérir des cryptomonnaies avec des monnaies fiduciaires.

Charger manuellement le script

Incluez les scripts suivants à l’aide de balises de script dans l’élément <head> de votre HTML. Ces scripts doivent toujours se charger directement depuis les domaines de Stripe , https://js.stripe.com and https://crypto-js.stripe.com, à des fins de compatibilité et de conformité PCI. Vous ne devez pas inclure le script dans un bundle ni en héberger de copie. Dans le cas contraire, votre intégration pourrait s’interrompre sans avertissement préalable.

<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>

Constructeur StripeOnramp

Définissez la clé API publiable pour permettre à Stripe de récupérer l’objet OnrampSession créé par votre back-end. Par exemple :

const stripeOnramp = StripeOnramp('pk_test_TYooMQauvdEDq54NiTphI7jx'
);

Charger le SDK Crypto en tant que module ES

Pour installer le module via le gestionnaire de paquets, installez d’abord le module ES Stripe.js puis le module ES Stripe Crypto à partir du registre public npm. Le paquet inclut des définitions de type Typescript.

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

Constructeur StripeOnramp

Importez le module et définissez la clé API publiable pour permettre à Stripe de récupérer l’objet OnrampSession créé par votre back-end. La fonction renvoie un objet Promise qui se résout avec un objet StripeOnramp nouvellement créé après le chargement des scripts.

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

const stripeOnramp = await loadStripeOnramp('pk_test_TYooMQauvdEDq54NiTphI7jx'
);