Pierwsze kroki z pakietem Android SDK

Zanim zaczniesz korzystać z pakietu SDK na Androida, sprawdź, czy spełniasz wymagania wstępne.

Pakiet Android SDK umożliwia dodawanie kart do Portfela Google. Gdy dodasz do swojej aplikacji przycisk Portfela Google, użytkownicy będą mogli łatwo i wygodnie dodawać karty do Portfela Google.

Aby dodać przycisk Portfela Google do aplikacji na Androida, wykonaj te czynności:

1. Tworzenie obiektu kart

Uwaga: do utworzenia obiektu kart wymagana jest klasa kart. Jeśli nie masz jeszcze żadnej karty, postępuj zgodnie z instrukcjami tworzenia klasy karty. Zdefiniuj odpowiednią właściwość OfferObject, w tym te wymagane atrybuty:

  • state: to pole służy do określania sposobu wyświetlania obiektu. Na przykład nieaktywny obiekt zostanie przeniesiony do sekcji „Karty, które straciły ważność”.

Więcej informacji o sposobie reprezentowania tych atrybutów w ofercie znajdziesz w szablonie układu.

Oto definicja przykładowej oferty:

JSON

      
{
  "id": "ISSUER_ID.OBJECT_ID",
  "classId": "ISSUER_ID.CLASS_ID",
  "state": "ACTIVE"
}
      
    

2. Tworzenie niepodpisanego tokena JWT za pomocą obiektu

Po utworzeniu OfferObject dodaj do niego niepodpisany token JWT za pomocą atrybutu payload.OfferObjects, jak pokazano w tym fragmencie:

JSON

{
  "iss": "OWNER_EMAIL_ADDRESS",
  "aud": "google",
  "typ": "savetowallet",
  "iat": "UNIX_TIME",
  "origins": [],
  "payload": {
      "offerObjects": [ NEW_OBJECT ]
  }
}

3. Umieść przycisk Portfela Google w interfejsie

Portfel Google oferuje dobrze znany przycisk, którego możesz użyć, aby uruchomić w swojej aplikacji przepływ do Portfela Google. Zasoby wektorowe przycisku są dostępne we wskazówkach dotyczących przycisku.

Zasoby wektorowe możesz importować w Android Studio w sekcji File > New > Vector Asset. W kreatorze wybierz „Plik lokalny” i dodaj nazwę (np. add_to_google_wallet_button.xml) i znajdź plik na dysku lokalnym, aby go zaimportować.

Teraz możesz użyć zaimportowanego rysunku, aby dodać przycisk do swojego interfejsu:

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

Przycisk ma wartość layout_height 48 dp i musi mieć co najmniej 200 dp.

4. Sprawdzanie, czy interfejs Google Wallet API jest dostępny na urządzeniu docelowym

Zanim zapiszesz nowy obiekt, upewnij się, że interfejs Google Wallet API jest dostępny na urządzeniu docelowym, wywołując metodę getPayApiAvailabilityStatus w klasie PayClient. Zacznij od dodania zmiennej członkostwa do aktywności, w której wyświetlany będzie przycisk, i utworzenia jego wystąpienia podczas tworzenia aktywności:

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
}

Teraz za pomocą klienta sprawdź, czy interfejs API jest dostępny:

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

Jeśli musisz określić dostępność interfejsu API, wywołaj powyższą metodę podaną w aplikacji.

5. Dodawanie obiektu do Portfela Google

OfferObject można dodać, przekazując niepodpisany token JWT z kroku 2 do metody savePasses. Operacja dodawania możesz rozpocząć, klikając przycisk Portfela Google:

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
}

Metoda savePasses uruchamia procedurę zapisywania, a po jej ukończeniu wywołuje metodę onActivityResult. Implementacja tagu onActivityResult powinna wyglądać mniej więcej tak:

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

Po dodaniu karty resultCode zawiera wartość Activity.RESULT_OK.

[TYLKO DO TESTÓW] podania

W trybie demonstracyjnym wszystkie karty, które utworzysz, będą miały w tytule dodatkowy tekst „[TEST ONLY]”. Chodzi o rozróżnianie biletów demograficznych od biletów na żywo. Gdy nasz zespół zatwierdzi produkcję, karty w trybie demonstracyjnym przestaną mieć dodatkowy tekst, gdy użytkownik ponownie otworzy aplikację Portfel na połączonym urządzeniu.

Dalsze kroki