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:
classId
: identyfikator klasy kart utworzony we wymaganiach wstępnych.id
: unikalny identyfikator obiektu.
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 utworzeniuOfferObject
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
- Oceniaj przypadki użycia ofert i wdrażaj je, które odpowiadają potrzebom biznesowym
- Dostosuj wygląd ofert zgodnie z wytycznymi dotyczącymi marki
- Prześlij proces UX do ostatecznego sprawdzenia w sekcji „Google Wallet API” w Konsoli usług Google Pay i Portfela Google
- Przetestuj integrację i opublikuj aplikację.
- Nadal masz pytania? Przeczytaj Najczęstsze pytania.