Module ES du SDK Stripe CryptoBêta
Ce guide d’introduction vous montre comment installer le SDK côté client du module ES Stripe Crypto avec 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 fiat.
Charger manuellement le script Stripe Crypto
Installation
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 et 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 Stripe Crypto en tant que module ES
Installation
Pour réaliser l’installation via le gestionnaire de packages, installez le module ES Stripe.js et le module ES Stripe Crypto à partir du registre public npm. Le package inclut des définitions de type Typescript.
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'