Masalah kartu dengan Android SDK

Setelah membuat penerusan dan mengenkodenya dalam JWT, Anda siap untuk menerbitkannya di aplikasi Android Anda. Untuk melakukannya, Anda perlu memeriksa apakah Google Wallet API tersedia di perangkat pengguna, memberikan 'Tambahkan ke Google Wallet' lalu menyimpan kartu ke Google Wallet setelah mereka mengetuk tombol tersebut.

Prasyarat

Sebelum mencoba memberikan kartu, pastikan Anda telah menyelesaikan langkah-langkah berikut:

1. Instal Google Wallet Android SDK

Untuk menggunakan Google Wallet Android SDK, tambahkan com.google.android.gms:play-services-pay ke bagian dependencies di file build.gradle level aplikasi:

  implementation "com.google.android.gms:play-services-pay:16.5.0"

2. Memeriksa ketersediaan Google Wallet API

Sebelum menyimpan objek baru, pastikan bahwa Google Wallet API telah yang tersedia di perangkat target dengan memanggil metode getPayApiAvailabilityStatus di class PayClient.

Mulailah dengan menambahkan variabel anggota ke aktivitas tempat Anda akan menampilkan tombol dan membuat instance saat aktivitas dibuat:

Kotlin

import com.google.android.gms.pay.PayClient

private lateinit var walletClient: PayClient

override fun onCreate(savedInstanceState: Bundle?) {
  super.onCreate(savedInstanceState)

  walletClient = Pay.getClient(this)

  // Additional logic in your onCreate method
}

Java

import com.google.android.gms.pay.PayClient;

private final PayClient walletClient;

@Override
protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);

  walletClient = Pay.getClient(application);

  // Additional logic in your onCreate method
}

Jika Anda menggunakan pola desain lainnya, pertimbangkan untuk menempatkan logika bisnis khusus domain dengan tepat. Misalnya, jika Anda menggunakan pola MVVM, menempatkan logika bisnis terkait UI di Aktivitas atau Fragmen Anda (misalnya: elemen UI, hasil aktivitas), dan logika operasional dalam model tampilan Anda (mis.: klien pembuatan instance, pemicu panggilan jaringan).

Selanjutnya, gunakan PayClient untuk memeriksa apakah API tersedia:

Kotlin

import com.google.android.gms.pay.PayApiAvailabilityStatus

private fun fetchCanUseGoogleWalletApi() {
  walletClient
    .getPayApiAvailabilityStatus(PayClient.RequestType.SAVE_PASSES)
    .addOnSuccessListener { status ->
      if (status == PayApiAvailabilityStatus.AVAILABLE) {
        // The API is available, show the button in your UI
      } else {
        // The user or device is not eligible for using the Pay API
      }
    }
    .addOnFailureListener {
      // Hide the button and optionally show an error message
    }
}

Java

import com.google.android.gms.pay.PayApiAvailabilityStatus;

private void fetchCanAddPassesToGoogleWallet() {
  walletClient
    .getPayApiAvailabilityStatus(PayClient.RequestType.SAVE_PASSES)
    .addOnSuccessListener(status -> {
      if (status == PayApiAvailabilityStatus.AVAILABLE) {
        // The API is available, show the button in your UI
      } else {
        // The user or device is not eligible for using the Pay API
      };
    })
    .addOnFailureListener(exception -> {
      // Google Play Services is too old, or API availability not verified
      // Hide the button and optionally show an error message
    });
}

Terakhir, panggil metode yang baru saja Anda tentukan di aplikasi saat Anda perlu menentukan ketersediaan API.

Menangani saat API tidak tersedia

Beberapa alasan mengapa API mungkin tidak tersedia termasuk karena alasan Versi layanan Play sudah usang, atau Google Wallet sudah tidak tersedia di negara pengguna.

Jika API tidak tersedia pertimbangkan untuk menyembunyikan tombol dan kembali ke integrasi yang berbeda (mis. menggunakan link JWT). Perhatikan bahwa pengguna mungkin memenuhi syarat untuk menggunakan API di masa mendatang.

3. Tambahkan 'Tambahkan ke Google Wallet' tombol

Google Wallet menyediakan tombol yang sudah dikenal yang dapat Anda gunakan untuk memicu Tambahkan ke alur Google Wallet di aplikasi Anda. Aset vektor untuk tombolnya adalah yang tersedia di Panduan tombol.

Anda dapat mengimpor aset vektor di Android Studio di bagian File > New > Vector Asset. Pilih "File lokal" di wizard, tambahkan nama (mis.: add_to_google_wallet_button.xml) dan temukan file tersebut di drive lokal untuk mengimpornya.

  • Tombol Tambahkan ke Google Wallet
  • Tombol Tambahkan ke Google Wallet dipadatkan

Sekarang, Anda dapat menggunakan drawable yang telah diimpor untuk menambahkan tombol tersebut ke antarmuka pengguna Anda:

    <ImageButton
        android:id="@+id/addToGoogleWalletButton"
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:minWidth="200dp"
        android:clickable="true"
        android:src="@drawable/add_to_google_wallet_button" />

Tombol memiliki layout_height berukuran 48 dp dan lebarnya minimal harus 200 dp.

4. Menambahkan kartu ke Google Wallet pengguna

GiftCardObject dapat ditambahkan dengan meneruskan JWT yang tidak ditandatangani ke metode savePasses. Anda dapat memulai operasi penambahan dengan mengklik tombol Google Wallet tombol.

Kotlin

import android.os.Bundle
import android.view.View
import com.google.android.gms.samples.wallet.databinding.ActivityCheckoutBinding

private val addToGoogleWalletRequestCode = 1000

private lateinit var layout: ActivityCheckoutBinding
private lateinit var addToGoogleWalletButton: View

override fun onCreate(savedInstanceState: Bundle?) {
  super.onCreate(savedInstanceState)

  // Use view binding to access the UI elements
  layout = ActivityCheckoutBinding.inflate(layoutInflater)
  setContentView(layout.root)

  addToGoogleWalletButton = layout.addToGoogleWalletButton
  addToGoogleWalletButton.setOnClickListener {
    walletClient.savePasses(newObjectJson, this, addToGoogleWalletRequestCode)
  }

  // Additional logic in your onCreate method
}

Java

import android.os.Bundle;
import android.view.View;
import com.google.android.gms.samples.wallet.databinding.ActivityCheckoutBinding;

private static final int ADD_TO_GOOGLE_WALLET_REQUEST_CODE = 999;

private ActivityCheckoutBinding layout:
private View addToGoogleWalletButton;

@Override
protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);

  // Use view binding to access the UI elements
  layout = ActivityCheckoutBinding.inflate(getLayoutInflater());
  setContentView(layout.getRoot());

  addToGoogleWalletButton = layout.addToGoogleWalletButton;
  addToGoogleWalletButton.setOnClickListener(v -> {
    walletClient.savePasses(newObjectJson, this, ADD_TO_GOOGLE_WALLET_REQUEST_CODE);
  });

  // Additional logic in your onCreate method
}

Penanganan hasil

Metode savePasses memicu alur penyimpanan dan memanggil metode onActivityResult setelah alur penyimpanan selesai. Implementasi onActivityResult harus mirip dengan berikut ini:

Kotlin

import android.content.Intent

override fun onActivityResult(requestCode: Int, resultCode: Int, data: Intent?) {
  super.onActivityResult(requestCode, resultCode, data)

  if (requestCode == addToGoogleWalletRequestCode) {
    when (resultCode) {
      RESULT_OK -> {
        // Pass saved successfully
      }

      RESULT_CANCELED -> {
        // Save operation canceled
      }

      PayClient.SavePassesResult.SAVE_ERROR -> data?.let { intentData ->
        val errorMessage = intentData.getStringExtra(PayClient.EXTRA_API_ERROR_MESSAGE)
        // Handle error
      }

      else -> {
          // Handle unexpected (non-API) exception
      }
    }
  }
}

Java

import android.content.Intent;

@Override
protected void onActivityResult(int requestCode, int resultCode, @Nullable Intent data) {
  super.onActivityResult(requestCode, resultCode, data);

  if (requestCode == ADD_TO_GOOGLE_WALLET_REQUEST_CODE) {
    switch (resultCode) {
      case RESULT_OK: {
        // Pass saved successfully
        break;
      }

      case RESULT_CANCELED: {
        // Save operation canceled
        break;
      }

      case PayClient.SavePassesResult.SAVE_ERROR: {
        if (data != null) {
          String apiErrorMessage = data.getStringExtra(PayClient.EXTRA_API_ERROR_MESSAGE);
          // Handle error
        }
        break;
      }

      default: {
        // Handle unexpected (non-API) exception
      }
    }
  }
}

Saat kartu berhasil ditambahkan, resultCode akan berisi nilai Activity.RESULT_OK.