SDK du module ES Stripe.js

Configurez le SDK du module ES Stripe.js côté client dans votre application Web.

Ce guide d’introduction vous montre comment installer le SDK du module ES Stripe.js côté client avec une balise de script ou un gestionnaire de paquets. Le SDK wrappe la fonction Stripe globale fournie par le script Stripe.js sous la forme d’un module ES. Il vous permet d’utiliser Elements, nos composants d’interface utilisateur préconfigurés, pour créer un formulaire de paiement permettant de collecter les informations de carte des clients en toute sécurité, sans gérer de données sensibles.

Avant de commencer

Activez les moyens de paiement que vous souhaitez prendre en charge sur la page des paramètres des moyens de paiement.

Charger manuellement le script Stripe.js

Installation

Pour une installation par script, ajoutez le Module ES Stripe.js en tant que script à l’élément <head> de votre ** HTML**. Cela permet à tous les nouveaux objets Stripe d’être accessibles à l’international dans votre code.

<head>
  <title>Checkout</title>
  <script src="https://js.stripe.com/v3/" async></script>
</head>

Constructeur Stripe.js

Ensuite, définissez la clé API publiable pour permettre à Stripe de tokeniser les informations client et de collecter les informations de paiement sensibles. Par exemple :

var stripe = Stripe('pk_test_TYooMQauvdEDq54NiTphI7jx'
);

Charger Stripe.js en tant que module ES

Installation

Pour effectuer l’installation à l’aide du gestionnaire de paquets, installez le module ES Stripe.js à partir du registre npm public.

npm install @stripe/stripe-js

Constructeur Stripe.js

Ensuite, importez le module dans un fichier JavaScript. La fonction suivante renvoie une Promise qui aboutit à un nouvel objet Stripe après le chargement de Stripe.js.

import {loadStripe} from '@stripe/stripe-js';

const stripe = await loadStripe('pk_test_TYooMQauvdEDq54NiTphI7jx'
);

Voir aussi

Vous êtes arrivé(e) à la fin de ce guide d’introduction à la configuration du SDK du module ES Stripe.js. Cliquez sur les liens ci-dessous pour démarrer votre intégration.