W tym artykule znajdziesz opis metod klienta w JavaScripcie, które możesz wykorzystywać do implementacji Google Pay API w swoich aplikacjach internetowych.
Konstruktor
Inicjuje obiekt PaymentsClient. Musisz wywołać ten konstruktor, zanim
zaczniesz wywoływać zawarte w nim metody.
Nowy PaymentsClient(paymentOptions)
Argumenty
| Właściwość | Opis |
|---|---|
paymentOptions |
Obiekt zawierający pary klucz-wartość dla danych konfiguracyjnych Google Pay API. Różne właściwości, które można skonfigurować, znajdziesz w sekcji
Przykład: |
Zwroty
| Typ | Opis |
|---|---|
google.payments.api.PaymentsClient |
Obiekt PaymentsClient. |
Zgłasza
| Typ | Opis |
|---|---|
Error
|
Przekazana wartość właściwości środowiska nie jest obsługiwana. |
Metody obiektów
createButton(options)
Ta wygodna metoda służy do generowania przycisku płatności Google Pay zawierającego aktualne elementy marki , który można umieścić w witrynie.
Wygenerowany HTMLElement zawiera dynamicznie wstawiany kod CSS oraz obraz SVG
hostowane w CDN Google.
Informacje o tym, jak wybrać odpowiedni kolor i typ przycisku pasującego do Twojej witryny, znajdziesz w naszych Wskazówkach dotyczących marki. Konieczna może być zmiana wymiarów przycisku, aby pasował on do innych podobnych przycisków i elementów procesu płatności na stronie. Użyj naszego narzędzia do dostosowywania przycisku, aby skonfigurować przycisk do swojego przypadku użycia.
Argumenty
| Nazwa | Opis |
|---|---|
options |
Obiekt zawierający pary klucz-wartość do konfiguracji przycisku.
Właściwości, które można skonfigurować, znajdziesz w sekcji Przykład: |
Zwroty
| Typ | Opis |
|---|---|
HTMLElement |
HTML <button> wewnątrz ogólnego kontenera na elementy ogólnej treści dokumentu
takiego jak <div>. |
Zgłasza
| Typ | Opis |
|---|---|
Error
|
Wymagana właściwość nie jest ustawiona. |
isReadyToPay(isReadyToPayRequest)
Metoda isReadyToPay(isReadyToPayRequest) pozwala określić, czy użytkownik może
zwrócić formę płatności z Google Pay API.
Jeśli przeglądarka obsługuje Google Pay, isReadyToPay zwraca true. Aby sprawdzić, czy użytkownik jest zalogowany na konto Google lub czy zapisał już formę płatności w Google Pay, ustaw IsReadyToPayRequest.existingPaymentMethodRequired na true i sprawdź, czy paymentMethodPresent zwraca true w znalezionej obietnicy. Więcej
informacji znajdziesz w sekcji
IsReadyToPayResponse.
Jeśli PaymentsClient został zainicjowany z właściwością środowiska
TEST, paymentMethodPresent zawsze zwraca true.
Argumenty
| Nazwa | Opis |
|---|---|
isReadyToPayRequest |
Obiekt zawierający formy płatności obsługiwane przez sprzedawcę. Szczegółowe informacje o
różnych właściwościach, które można skonfigurować, znajdziesz w sekcji
IsReadyToPayRequest.
|
Zwroty
| Typ | Opis |
|---|---|
Promise |
Wykonano: obiekt z informacjami o możliwości zapłacenia przez użytkownika. Więcej
informacji znajdziesz w sekcji
Odrzucono: obiekt błędu zawierający więcej informacji o przyczynie
odrzucenia. Więcej informacji znajdziesz w sekcji
|
Błędy
| statusCode | Opis |
|---|---|
DEVELOPER_ERROR |
|
loadPaymentData(paymentDataRequest)
Ta metoda wyświetla arkusz płatności Google Pay pozwalający wybrać formę płatności i opcjonalnie skonfigurowane parametry.
Ta metoda musi być wywoływana zawsze wtedy, gdy przeglądarka przetwarza aktywację w rezultacie zdarzenia kliknięcia. Użytkownikowi może wyświetlić się wyskakujące okienko, w którym będzie mógł wybrać formę płatności lub podać inne wymagane dane określone w przekazanym parametrze żądania.
Argumenty
| Nazwa | Opis |
|---|---|
paymentDataRequest |
Obiekt zawierający pary klucz-wartość dla pełnej konfiguracji Google Pay API
konfiguracji.
Właściwości, które można skonfigurować, znajdziesz w sekcji PaymentDataRequest. |
Zwroty
| Typ | Opis |
|---|---|
Promise |
Wykonano: obiekt zawierający żądane dane kupującego. Więcej informacji znajdziesz w sekcji PaymentData. Odrzucono: obiekt zawierający kod błędu i więcej informacji o przyczynie odrzucenia. Więcej informacji znajdziesz w sekcji PaymentsError. |
Błędy
| statusCode | Opis |
|---|---|
CANCELED |
|
DEVELOPER_ERROR |
Przekazany PaymentDataRequest
obiekt został nieprawidłowo sformatowany, zawiera nieprawidłowy parametr lub niepoprawną wartość albo brakuje w nim podstawowych wymaganych parametrów. |
prefetchPaymentData(paymentDataRequest)
Ta metoda umożliwia pobranie z wyprzedzeniem konfiguracji PaymentDataRequest, aby skrócić czas wykonywania
loadPaymentData podczas dalszej interakcji z użytkownikiem. Nie jest zwracana żadna wartość.
Pobieranie z wyprzedzeniem jest dostępne w Chrome na Androida.
Argumenty
| Nazwa | Opis |
|---|---|
paymentDataRequest |
Obiekt zawierający pary klucz-wartość dla pełnej konfiguracji Google Pay API
konfiguracji.
Właściwości, które można skonfigurować, znajdziesz w sekcji PaymentDataRequest. Zmiana we właściwości transactionInfo
nie ma wpływu na wartość pobraną z wyprzedzeniem i zapisaną w pamięci podręcznej. |
Wywołania zwrotne danych płatności
Aby obsługiwać autoryzację płatności i dynamiczne aktualizacje cen, możesz przekazać te obsługi wywołań zwrotnych do
PaymentOptions.paymentDataCallbacks.
onPaymentAuthorized(paymentData)
Ta metoda jest wywoływana, gdy płatność jest autoryzowana w arkuszu płatności.
Argumenty
| Nazwa | Opis |
|---|---|
paymentData |
Obiekt zawierający żądane dane kupującego. Więcej informacji znajdziesz w sekcji PaymentData. |
Zwroty
| Typ | Opis |
|---|---|
Promise |
Wykonano: obiekt z informacjami o wynikach transakcji płatności.
Więcej informacji znajdziesz w sekcji Odrzucono: obiekt błędu z intencją błędu i komunikatem, który wyświetli się w
arkuszu płatności. Więcej informacji znajdziesz w sekcji |
onPaymentDataChanged(intermediatePaymentData)
Ta metoda obsługuje zmiany w danych płatności w arkuszu płatności, takich jak adres dostawy i opcje dostawy.
Argumenty
| Nazwa | Opis |
|---|---|
intermediatePaymentData |
Obiekt zawierający opcję dostawy i adres podane w
arkuszu płatności. Więcej informacji znajdziesz w sekcji IntermediatePaymentData. |
Zwroty
| Typ | Opis |
|---|---|
Promise |
Wykonano: obiekt z informacjami o nowej transakcji,
opcjach dostawy oraz błędach w danych dotyczących płatności. Więcej informacji znajdziesz w sekcji Odrzucono: obiekt błędu z intencją błędu i komunikatem, który wyświetli się w
arkuszu płatności. Więcej informacji znajdziesz w sekcji |