Le problème est transmis avec le SDK Android

Une fois que vous avez créé une carte et que vous l'avez encodée dans un jeton JWT, vous pouvez l'émettre dans votre application Android. Pour ce faire, vous devez vérifier que l'API Google Wallet est disponible sur l'appareil de l'utilisateur et lui présenter le message "Ajouter à Google Wallet". bouton, puis enregistrez la carte dans Google Wallet une fois qu'il appuie sur le bouton.

Prérequis

Avant d'essayer d'émettre une carte, assurez-vous d'avoir effectué les opérations suivantes:

1. Installer le SDK Google Wallet pour Android

Pour utiliser le SDK Google Wallet pour Android, ajoutez com.google.android.gms:play-services-pay à la section dependencies de votre fichier build.gradle au niveau de l'application:

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

2. Vérifier la disponibilité de l'API Google Wallet

Avant d'enregistrer le nouvel objet, assurez-vous que l'API Google Wallet est disponible sur l'appareil cible en appelant la méthode getPayApiAvailabilityStatus dans la classe PayClient.

Commencez par ajouter une variable de membre au activité dans laquelle vous afficherez le bouton et instanciez-le lorsque l'activité est date de création:

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
}

Si vous utilisez d'autres modèles de conception, pensez à intégrer la logique métier spécifique au domaine de manière appropriée. Par exemple, si vous utilisez le modèle MVVM, placer la logique métier liée à l'UI dans votre activité ou fragment (par exemple, les éléments d'interface utilisateur, (résultat d'activité) et la logique opérationnelle dans votre modèle de vue (par exemple, client l'instanciation, les déclencheurs d'appel réseau).

Ensuite, utilisez PayClient pour vérifier si l'API est disponible:

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

Enfin, appelez la méthode que vous venez de définir dans votre application lorsque vous devez déterminer la disponibilité de l'API.

Gérer les cas d'indisponibilité de l'API

L'API peut ne pas être disponible pour l'une des raisons suivantes : Versions des services Play obsolètes ou que Google Wallet est non disponible dans le pays de l'utilisateur.

Si l'API n'est pas disponible envisagez de masquer le bouton et de passer à une autre intégration (par exemple, à l'aide d'un lien JWT). Notez que l'utilisateur pourra peut-être utiliser l'API à l'avenir.

3. Ajouter "Ajouter à Google Wallet" bouton

Google Wallet fournit un bouton familier que vous pouvez utiliser pour déclencher Procédure d'ajout à Google Wallet dans votre application. Les éléments vectoriels pour le bouton sont disponibles dans Consignes concernant les boutons

Vous pouvez importer des éléments vectoriels dans Android Studio sous File > New > Vector Asset. Sélectionnez "Fichier local". dans l'assistant, ajoutez un nom (par exemple, add_to_google_wallet_button.xml), puis recherchez le fichier sur votre disque local pour l'importer.

  • Bouton "Ajouter à Google Wallet"
  • Bouton "Ajouter à Google Wallet" condensé

Vous pouvez maintenant utiliser le drawable importé pour ajouter le bouton à votre interface utilisateur:

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

La hauteur du bouton (layout_height) est de 48 dp et sa largeur minimale doit être de 200 dp.

4. Ajouter une carte au compte Google Wallet d'un utilisateur

Le LoyaltyObject peut être ajouté en transmettant un jeton JWT non signé à la méthode savePasses. Pour lancer l'opération d'ajout, cliquez sur le bouton Google Wallet .

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
}

Gestion des résultats

La méthode savePasses déclenche le flux d'enregistrement et appelle onActivityResult une fois le flux d'enregistrement terminé. L'implémentation de onActivityResult doit se présenter comme suit:

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

Une fois la carte ajoutée, resultCode contient la valeur Activity.RESULT_OK.