ES-Modul Stripe.js SDK

Richten Sie das clientseitige Stripe client- SDK des ES Module in Ihrer Webanwendung ein.

In diesem einführenden Leitfaden erfahren Sie, wie Sie das clientseitige ES Module Stripe.js mit einem Skript-Tag oder einem Paket-Manager installieren. Das SDK verpackt die vom Stripe.js-Skript bereitgestellte globale Stripe-Funktion als ES-Modul. Sie können damit Elemente nutzen, unsere vorgefertigten Komponenten der Nutzeroberfläche, um ein Zahlungsformular zu erstellen, mit dem Sie die Kartenangaben einer Kundin/eines Kunden sicher erfassen können, ohne die sensiblen Daten handhaben zu müssen.

Bevor Sie loslegen

Aktivieren Sie die Zahlungsmethoden, die Sie unterstützen möchten, auf der Seite Einstellungen für Zahlungsmethoden.

Laden Sie das Stripe.js-Skript manuell

Installation

Um die Installation per Skript durchzuführen, fügen Sie das Stripe.js ES Module als Skript zum <head>Element Ihres HTML hinzu. Dadurch können alle neu erstellten Stripe-Objekte in Ihrem Code global zugänglich sein.

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

Stripe.js-Konstruktor

Legen Sie als Nächstes den veröffentlichbaren API-Schlüssel fest, damit Stripe Kundeninformationen tokenisieren und sensible Zahlungsdetails erfassen kann. Zum Beispiel:

var stripe = Stripe('pk_test_TYooMQauvdEDq54NiTphI7jx'
);

Stripe.js als ES-Modul laden

Installation

Installieren Sie für die Installation per Paket-Manager das Stripe.js ES Modul aus der öffentlichen npm-Registrierung.

npm install @stripe/stripe-js

Stripe.js-Konstruktor

Importieren Sie als Nächstes das Modul in eine JavaScript-Datei. Die folgende Funktion gibt ein Promise zurück, das nach dem Laden von Stripe .js mit einem neu erstellten Stripe -Objekt aufgelöst wird.

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

const stripe = await loadStripe('pk_test_TYooMQauvdEDq54NiTphI7jx'
);

Siehe auch

Damit ist die Einführung in die Einrichtung des ES Module Stripe.js SDK abgeschlossen. Unter den folgenden Links können Sie mit Ihrer Integration beginnen.