Eine Zahlung über Stripe Elements und die Charges API annehmenCharges API

Serverseitig

Diese Integration erfordert Endpunkte auf Ihrem Server, die mit der Stripe-API kommunizieren können. Nutzen Sie unsere offiziellen Bibliotheken für den Zugriff auf die Stripe-API über Ihren Server:

# Available as a gem
sudo gem install stripe

# If you use bundler, you can add this line to your Gemfile
gem 'stripe'

Clientseitig

Das Stripe Android SDK ist Open Source und vollständig dokumentiert.

To install the SDK, add stripe-android to the dependencies block of your app/build.gradle file:

plugins {
    id("com.android.application")
}

android { ... }

dependencies {
  // ...

  // Stripe Android SDK
  implementation("com.stripe:stripe-android:21.13.0")
  // Include the financial connections SDK to support US bank account as a payment method
  implementation("com.stripe:financial-connections:21.13.0")
}

Konfigurieren Sie das SDK mit Ihrem veröffentlichbaren Schlüssel von Stripe so, dass dieser Anfragen an die API stellen kann, wie beispielsweise in Ihrer Unterklasse Application:

import com.stripe.android.PaymentConfiguration

class MyApp : Application() {
    override fun onCreate() {
        super.onCreate()
        PaymentConfiguration.init(
            applicationContext,
            
"pk_test_TYooMQauvdEDq54NiTphI7jx"
        )
    }
}

Erfassen Sie Kartendaten sicher auf dem Client mit CardInputWidget, einer Drop-In-Komponente der Nutzeroberfläche aus dem SDK, die die Kartennummer, das Ablaufdatum, die Prüfziffer (CVC) und die Postleitzahl erfasst.

Erstellen Sie eine Instanz der Kartenkomponente und eine Schaltfläche Zahlung, indem Sie dem Layout Ihrer Bezahlseite Folgendes hinzufügen

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"
        tools:showIn="@layout/activity_checkout"
        tools:context=".CheckoutActivity">

    <!--  ...  -->

    <com.stripe.android.view.CardInputWidget
            android:id="@+id/cardInputWidget"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="20dp"
            android:layout_marginRight="20dp"/>

    <Button
            android:text="Pay"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/payButton"
            android:layout_marginTop="20dp"
            app:layout_constraintTop_toBottomOf="@+id/cardInputWidget"
            app:layout_constraintStart_toStartOf="@+id/cardInputWidget"
            app:layout_constraintEnd_toEndOf="@+id/cardInputWidget"/>

      <!--  ...  -->

</androidx.constraintlayout.widget.ConstraintLayout>

Führen Sie Ihre App aus und stellen Sie sicher, dass auf Ihrer Bezahlseite die Kartenkomponente und die Schaltfläche „Zahlung“ anzeigt werden.

Wenn die Nutzerin/der Nutzer auf die Schaltfläche „Zahlung“ tippt, konvertieren Sie die von CardInputWidget erfassten Kartendaten in ein Stripe-Token. Durch die Tokenisierung wird sichergestellt, dass keinerlei sensible Kartendaten an Ihren Server übermittelt werden müssen, wodurch Ihre Integration PCI-konform bleibt.

Der folgende Code zeigt, wie Stripe#createToken() verwendet wird. Bei der Methode kommt eine Card-Instanz als erster Parameter zum Einsatz. Der zweite Parameter ist die Instanz ApiResultCallback<Token>, die der Client bei Erfolg oder Misserfolg aufruft. Wenn die Tokenisierung erfolgreich ist, übermitteln Sie die zurückgegebene Token-ID an Ihren Server.

// Hook up the pay button to the card widget and Stripe instance
val payButton: Button = findViewById(R.id.payButton)
val weakActivity = WeakReference<Activity>(this@CheckoutActivityKotlin)
payButton.setOnClickListener {
    // Get the card details from the card widget
    val cardInputWidget =
        findViewById<CardInputWidget>(R.id.cardInputWidget)
    cardInputWidget.card?.let { card ->
        // Create a Stripe token from the card details
        stripe = Stripe(applicationContext, PaymentConfiguration.getInstance(applicationContext).publishableKey)
        stripe.createToken(card, object: ApiResultCallback<Token> {
            override fun onSuccess(result: Token) {
                val tokenID = result.id
                // Send the Token identifier to the server...
            }

            override fun onError(e: java.lang.Exception) {
                // Handle error
            }
        })
    }
}

Übermitteln Sie die Token-ID vom Client an Ihren Server.

curl https://api.stripe.com/v1/charges \
  -u 
sk_test_BQokikJOvBiI2HlWgH4olfQ2
: \
  -d "amount"=999 \
  -d "currency"="usd" \
  -d "description"="Example charge" \
  -d "source"="tok_visa"

Die Reaktion auf die Erstellung einer Zahlung ist entweder eine Zahlung oder ein Fehler mit einem Fehlercode. Ist die Reaktion erfolgreich, können Sie die Bestellung des Kunden/der Kundin abwickeln und eine Bestätigungsseite anzeigen lassen. Wenn nicht, können Sie eine Fehlerseite anzeigen lassen.