Terima pembayaran menggunakan Stripe Elements dan Charges APICharges API

Sisi server

Integrasi ini memerlukan endpoint di server Anda yang berbicara dengan API Stripe. Gunakan pustaka resmi kami untuk akses ke API Stripe dari server Anda:

# Available as a gem
sudo gem install stripe

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

Sisi client

Stripe Android SDK adalah sumber terbuka dan didokumentasikan lengkap.

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

apply plugin: 'com.android.application'

android { ... }

dependencies {
  // ...

  // Stripe Android SDK
  implementation 'com.stripe:stripe-android:21.2.0'
}

Konfigurasikan SDK dengan kunci yang dapat dipublikasikan Stripe agar dapat membuat permintaan ke API Stripe, seperti di subkelas Application Anda:

import com.stripe.android.PaymentConfiguration

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

Kumpulkan informasi kartu dengan aman pada client dengan CardInputWidget, komponen UI drop-in yang disediakan oleh SDK yang mengumpulkan nomor kartu, tanggal kedaluwarsa, CVC, dan kode pos

Buat instance komponen kartu dan tombol Bayar dengan menambahkan yang berikut ini ke layout halaman checkout Anda:

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

Jalankan aplikasi Anda dan pastikan halaman checkout menampilkan komponen kartu dan tombol bayar.

Saat pengguna mengetuk tombol bayar, ubah informasi kartu yang dikumpulkan oleh CardInputWidget menjadi token Stripe. Tokenisasi memastikan tidak ada data kartu sensitif yang masuk ke server Anda, sehingga integrasi Anda tetap patuh PCI.

Kode berikut menampilkan cara menggunakan Stripe#createToken(). Metode ini mengambil instance Card sebagai parameter pertama. Parameter kedua adalah instance ApiResultCallback<Token> yang dipanggil client bila berhasil atau gagal. Bila tokenisasi berhasil diselesaikan, kirim identifikasi token yang dikembalikan ke server Anda.

// 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
            }
        })
    }
}

Kirim Token id ke server Anda dari client.

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

Respons pembuatan charge akan berupa charge atau kesalahan bersama kode kesalahan. Jika respons berhasil, Anda dapat memenuhi pesanan pelanggan dan memperlihatkan halaman berhasil kepada mereka. Jika tidak, Anda dapat memperlihatkan kesalahan kepada mereka.