Działające wersje demonstracyjne Google Pay
Zadbaj o dobrą organizację dzięki kolekcji
Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.
Ta strona zawiera działające wersje demonstracyjne Google Pay, które możesz edytować w JavaScript lub JSFiddle.
Podstawowy przykład
Poniżej znajduje się przykład działania przycisku Google Pay. Zajrzyj do znajdującego się obok kodu, aby dowiedzieć się, jak został skonstruowany.
Poniżej przedstawiamy, jak zmienić rozmiar przycisku Google Pay. Wywołaj createButton z właściwością buttonSizeMode ustawioną na fill, a następnie ustaw rozmiar w #container div.
Przykład autoryzacji płatności
Poniższy przykład pokazuje, w jaki sposób można autoryzować płatność przed jej przetworzeniem.
Powodem, dla którego warto zatwierdzić płatność przed jej przetworzeniem, jest umożliwienie użytkownikowi wyboru innej formy płatności w razie niepowodzenia autoryzacji.
Żądanie autoryzacji płatności możesz obsłużyć, postępując zgodnie z tymi instrukcjami:
- Zarejestruj wywołanie zwrotne
onPaymentAuthorized() w PaymentOptions.
- Wywołaj funkcję
loadPaymentData() z intencją wywołania zwrotnego PAYMENT_AUTHORIZATION.
- Zaimplementuj moduł obsługi wywołania zwrotnego
onPaymentAuthorized().
Kliknij link Edytuj w JSFiddle, aby edytować i samodzielnie wypróbować tę funkcję.
Przykład aktualizacji ceny dynamicznej
Aktualizacje ceny dynamicznej umożliwiają dynamiczne dostosowywanie łącznej ceny w zależności od zmian adresu i opcji dostawy.
Wykonaj następujące kroki, aby skonfigurować aktualizacje ceny dynamicznej:
- Zarejestruj wywołania zwrotne
onPaymentAuthorized i onPaymentDataChanged w PaymentOptions.
- Wywołaj funkcję
loadPaymentData() z intencjami wywołania zwrotnego. Szczegółowe informacje znajdziesz w odpowiednim przykładzie.
- Wdróż
onPaymentAuthorized i onPaymentDataChanged.
Kliknij link Edytuj w JSFiddle, aby edytować i samodzielnie wypróbować tę funkcję.
O ile nie stwierdzono inaczej, treść tej strony jest objęta licencją Creative Commons – uznanie autorstwa 4.0, a fragmenty kodu są dostępne na licencji Apache 2.0. Szczegółowe informacje na ten temat zawierają zasady dotyczące witryny Google Developers. Java jest zastrzeżonym znakiem towarowym firmy Oracle i jej podmiotów stowarzyszonych.
Ostatnia aktualizacja: 2024-10-16 UTC.
[[["Łatwo zrozumieć","easyToUnderstand","thumb-up"],["Rozwiązało to mój problem","solvedMyProblem","thumb-up"],["Inne","otherUp","thumb-up"]],[["Brak potrzebnych mi informacji","missingTheInformationINeed","thumb-down"],["Zbyt skomplikowane / zbyt wiele czynności do wykonania","tooComplicatedTooManySteps","thumb-down"],["Nieaktualne treści","outOfDate","thumb-down"],["Problem z tłumaczeniem","translationIssue","thumb-down"],["Problem z przykładami/kodem","samplesCodeIssue","thumb-down"],["Inne","otherDown","thumb-down"]],["Ostatnia aktualizacja: 2024-10-16 UTC."],[[["\u003cp\u003eThis page provides live, editable Google Pay demos using JavaScript or JSFiddle.\u003c/p\u003e\n"],["\u003cp\u003eYou can explore examples demonstrating basic Google Pay button integration, button resizing, and payment authorization.\u003c/p\u003e\n"],["\u003cp\u003eThe demos also showcase how to dynamically update prices based on shipping changes using Dynamic Price Updates.\u003c/p\u003e\n"],["\u003cp\u003eThese demos are interactive and can be edited in JSFiddle for experimentation and learning.\u003c/p\u003e\n"]]],["The content showcases live Google Pay demos editable in JavaScript or JSFiddle. Key actions include creating and resizing the Google Pay button using `createButton` with `buttonSizeMode`. It demonstrates authorizing payments before processing by registering `onPaymentAuthorized()`, calling `loadPaymentData()`, and implementing the callback handler. Dynamic price updates are enabled by registering `onPaymentAuthorized` and `onPaymentDataChanged`, and implementing both functions after calling `loadPaymentData`. Note that authorize payments and Dynamic price updates do not support liability shift.\n"],null,[]]