# ES-Modul Stripe.js SDK
Richten Sie das clientseitige Stripe client- SDK des ES Module in Ihrer Webanwendung ein.
Um zu sehen, wie Stripe.js des ES-Moduls funktioniert, oder um bei der Entwicklung zu helfen, sehen Sie sich das [Projekt auf GitHub](https://github.com/stripe/stripe-js) an.
In diesem einführenden Leitfaden erfahren Sie, wie Sie das clientseitige [ES Module Stripe.js](https://github.com/stripe/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](https://docs.stripe.com/payments/elements.md) 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.
## Before you begin
Aktivieren Sie die Zahlungsmethoden, die Sie unterstützen möchten, auf der Seite [Einstellungen für Zahlungsmethoden](https://dashboard.stripe.com/settings/payment_methods).
## Laden Sie das Stripe.js-Skript manuell
### Installation
Um die Installation per Skript durchzuführen, fügen Sie das [Stripe.js ES Module](https://github.com/stripe/stripe-js) als Skript zum ``Element Ihres **HTML** hinzu. Dadurch können alle neu erstellten [Stripe-Objekte](https://docs.stripe.com/js.md#stripe-function) in Ihrem Code global zugänglich sein.
```html
Checkout
```
### Stripe.js-Konstruktor
Legen Sie als Nächstes den [veröffentlichbaren API-Schlüssel](https://dashboard.stripe.com/test/apikeys) fest, damit Stripe Kundeninformationen [tokenisieren](https://docs.stripe.com/api/tokens.md) und sensible Zahlungsdetails erfassen kann. Zum Beispiel:
```javascript
var stripe = Stripe('<>');
```
## Stripe.js als ES-Modul laden
### Installation
Installieren Sie für die Installation per Paket-Manager das [Stripe.js ES Modul](https://github.com/stripe/stripe-js) aus der [öffentlichen npm-Registrierung](https://www.npmjs.com/).
```bash
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](https://docs.stripe.com/js.md#stripe-function) aufgelöst wird.
```javascript
import {loadStripe} from '@stripe/stripe-js';
const stripe = await loadStripe('<>');
```
## See also
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.
- [Eine Zahlung mit einem Zahlungselement auf GitHub annehmen](https://github.com/stripe-samples/accept-a-payment/tree/main/payment-element)
- [Zahlung mit einem Zahlungselement in ddr Dokumentation annehmen](https://docs.stripe.com/payments/accept-a-payment.md?ui=elements&client=html)
- [Nutzerdefinierten Zahlungsablauf erstellen](https://docs.stripe.com/payments/quickstart.md)
- [Stripe.js reference](https://docs.stripe.com/js.md)