Stripe Krypto SDK ES-Modul installierenÖffentliche Vorschau

Richten Sie das clientseitige Stripe Krypto SDK in Ihrer Webanwendung ein.

In diesemLeitfaden wird gezeigt, wie Sie das clientseitige Stripe Crypto ES-Modul-SDK mit einem Skript-Tag oder einem Paket-Manager installieren. Das SDK verpackt die globale Funktion StripeOnramp, die vom Stripe-Kryptoskript als ES-Modul bereitgestellt wird. Damit können Sie das Onramp-Widget verwenden, um Ihren Kundinnen/Kunden beim Erwerb von Kryptowährungen mit Fiatgeld zu helfen.

Skript manuell laden

Fügen Sie die folgenden Skripts mithilfe von Skript-Tags in das <head>-Element Ihres HTML-Codes ein. Aus Kompatibilitätsgründen und aus Gründen der PCI-Konformität müssen diese Skripts immer direkt aus den Stripe-Domains https://js.stripe.com und https://crypto-js.stripe.com geladen werden. Fügen Sie die Skripts nicht in ein Paket ein und hosten Sie selbst keine Kopie. Wenn Sie dies tun, kann Ihre Integration ohne Vorwarnung unterbrochen werden.

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

StripeOnramp-Konstruktor

Legen Sie den veröffentlichbaren API-Schlüssel fest, damit Stripe das von Ihrem Backend erstellte OnrampSession-Objekt abrufen kann. Zum Beispiel:

const stripeOnramp = StripeOnramp('pk_test_TYooMQauvdEDq54NiTphI7jx'
);

Stripe Krypto SDK als ES-Modul laden

Um das Modul über den Paket-Manager zu installieren, installieren Sie zuerst das Stripe.js ES Modul und das Stripe Crypto ES-Modul aus der öffentlichen npm-Registrierung. Das Paket enthält Definitionen des Typescript-Typs.

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

StripeOnramp-Konstruktor

Importieren Sie das Modul und legen Sie den veröffentlichbaren API-Schlüssel fest, damit Stripe das von Ihrem Backend erstellte OnrampSession-Objekt abrufen kann. Die Funktion gibt ein Promise-Objekt zurück, das nach dem Laden der Skripts mit einem neu erstellten StripeOnramp-Objekt aufgelöst wird.

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

const stripeOnramp = await loadStripeOnramp('pk_test_TYooMQauvdEDq54NiTphI7jx'
);