Интерактивные демоверсии Google Pay

На этой странице доступны интерактивные демоверсии Google Pay на JavaScript. Вы можете изменять код в JSFiddle.

Простой пример

Ниже представлен простой пример работы кнопки Google Pay. Подробная информация доступна в комментариях в коде.

Пример с изменением размера кнопки

Ниже представлен пример того, как можно изменять размер кнопки Google Pay. Задайте значение fill для свойства buttonSizeMode в запросе createButton, а затем укажите размер #container div.

Пример с авторизацией платежей

Ниже показано, как можно авторизовать платеж перед обработкой.

Если авторизацию выполнить не удастся, пользователь сможет изменить способ оплаты.

Обработка запроса авторизации платежа происходит следующим образом:

  1. В объекте PaymentOptions регистрируется обратный вызов onPaymentAuthorized().
  2. Вызывается функция loadPaymentData() с намерением обратного вызова PAYMENT_AUTHORIZATION.
  3. Добавляется обработчик обратных вызовов onPaymentAuthorized().

Нажмите на ссылку Изменить в JSFiddle, чтобы поэкспериментировать с кодом.

Пример с динамическим обновлением цены

Функция динамического обновления цен позволяет динамически корректировать итоговую цену на основе адреса и других параметров доставки.

Вот как происходит настройка динамического обновления цен:

  1. В объекте PaymentOptions регистрируются функции обратного вызова onPaymentAuthorized и onPaymentDataChanged.
  2. Вызывается функция loadPaymentData() с намерениями обратного вызова. Подробные сведения можно посмотреть в этом примере.
  3. Внедряются функции onPaymentAuthorized и onPaymentDataChanged.

Нажмите на ссылку Изменить в JSFiddle, чтобы поэкспериментировать с кодом.