- Рекомендации по интеграции Google Pay API
- Сделайте Google Pay способом оплаты по умолчанию
- Оптимизируйте процесс оплаты
- Разместите кнопку Google Pay в рекомендуемых местах
- На странице товара
- На странице оплаты
- Вверху списка доступных способов оплаты
- Над разделом, где нужно вводить платежную информацию
- Получите платежную информацию пользователя из Google Pay
- Разрешите оплату без регистрации в Google Pay
- Используйте Google Pay только с целью сбора релевантных пользовательских данных
- Интеграция Google Pay
- 1. Верстка
- 2. Код
- 3. Тестирование
- 4. Отправка на ручную проверку
- 5. Релиз
- Tutorial
- Step 1: Define your Google Pay API version
- Kotlin
- Step 2: Request a payment token for your payment provider
- Kotlin
- Step 3: Define supported payment card networks
- Kotlin
- Kotlin
- Step 4: Describe your allowed payment methods
- Kotlin
- Kotlin
- Step 5: Create a PaymentsClient instance
- Kotlin
- Step 6: Determine readiness to pay with the Google Pay API
- Kotlin
- Kotlin
- Step 7: Create a PaymentDataRequest object
- Kotlin
- Kotlin
- Kotlin
- Step 8: Register event handler for user gesture
- Kotlin
- Step 9: Handle the response object
- Kotlin
- Put it all together
- CheckoutActivity.kt (Kotlin)
- PaymentsUtil.kt (Kotlin)
- CheckoutActivity.java (Java)
- PaymentsUtil.java (Java)
Рекомендации по интеграции Google Pay API
При интеграции Google Pay API полагайтесь на представленные ниже рекомендации. Они подготовлены для разных сценариев, учитывающих особенности процесса покупки и интерфейса сайта или приложения.
Сделайте Google Pay способом оплаты по умолчанию
Сделайте Google Pay способом оплаты по умолчанию. Это упростит процесс покупки для новых пользователей и позволит им пропускать экраны настройки аккаунта. Рекомендуем сделать Google Pay способом оплаты по умолчанию, когда параметр isReadytoPay возвращает значение true . Это облегчит и ускорит процесс оформления заказа. Покупателям больше не понадобится вручную вводить платежные данные и сведения о доставке, поскольку эта информация будет храниться с добавленным способом оплаты.
Оптимизируйте процесс оплаты
Вы можете списывать средства сразу после выбора Google Pay. Для этого выполните следующие действия:
- Убедитесь, что конечная стоимость показывается пользователям до вызова окна оплаты через Google Pay.
- Установите для параметра CheckoutOption значение COMPLETE_IMMEDIATE_PURCHASE . Тогда пользователи будут видеть кнопку Оплатить вместо Продолжить в диалоге выбора способа оплаты Google Pay.
Оплата будет осуществляться одним нажатием, и покупатель поймет, что средства будут списаны сразу.
Рисунок 3. Возможность быстро оплатить покупку
Разместите кнопку Google Pay в рекомендуемых местах
Расположите кнопку для оплаты через Google Pay в следующих местах:
Если вы располагаете кнопку Google Pay в нескольких местах, проверьте, везде ли совпадают элементы IsReadytoPayRequest .
На странице товара
Добавьте кнопку Google Pay на страницу товара, чтобы пользователи могли быстро его заказать. Это упростит процесс покупки и позволит увеличить число конверсий.
Рисунок 4. Кнопка Google Pay на странице товара
На странице оплаты
Кнопку Google Pay можно разместить рядом с кнопками Оформить заказ или Добавить в корзину.
Если вы разместите кнопку для оплаты через Google Pay таким образом, у покупателей появятся следующие преимущества:
- удобный просмотр элементов в корзине;
- показ итоговой стоимости заказа;
- возможность быстрой оплаты.
Рисунок 5. Кнопка Google Pay рядом со стандартным способом оплаты
Вверху списка доступных способов оплаты
Убедитесь, что кнопка Google Pay, позволяющая оплатить заказ одним нажатием, хорошо заметна.
Рисунок 6. Кнопка Google Pay над другими способами оплаты
Над разделом, где нужно вводить платежную информацию
В этом случае покупателям не придется вручную вводить платежные данные, в частности платежный адрес и адрес доставки, а значит процесс покупки будет завершен быстрее и коэффициент конверсии вырастет.
Рисунок 7. Кнопка Google Pay над разделом, где нужно вводить платежную информацию
Получите платежную информацию пользователя из Google Pay
Эта настройка позволит покупателям подтверждать адрес доставки на экране Google Pay наряду с платежными данными. Вводить адрес вручную им не потребуется. В ответе от Google Pay API будет представлена как платежная информация, так и сведения о доставке.
Рисунок 8. Адрес доставки в окне оплаты через Google Pay
Разрешите оплату без регистрации в Google Pay
Разрешите пользователям, не имеющим аккаунта, платить за заказ через Google Pay. Платежные и адресные данные, необходимые для оформления заказа, запросите в рамках запроса к Google Pay API.
Если у вас предусмотрена возможность создания аккаунта, используйте для этого платежные и адресные данные, предоставленные Google Pay API. Запускать процесс создания аккаунтов лучше после покупки.
Если вы запросите эту информацию через Google Pay API, клиент сможет быстро и просто оплатить покупку, не указывая информацию вручную.
Используйте Google Pay только с целью сбора релевантных пользовательских данных
Учтите, что использовать данные, полученные через Google Pay API, можно только для обработки транзакций. В том числе к таким транзакциям относятся подтверждение, отмена и возврат заказов, отслеживание посылок и отправка уведомлений о доставке или возврате.
Например, Google Pay API может возвращать адрес электронной почты. Для этого установите для параметра emailRequired значение true в объекте PaymentDataRequest .
Выполнение этой рекомендации позволяет укрепить доверие и повысить лояльность клиентов.
Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.
Источник
Интеграция Google Pay
Меня зовут Игорь, я Android-разработчик в команде Trinity Digital. Сегодня я хочу рассказать о классном инструменте — Google Pay API.
Итак, если в вашем приложении можно совершать покупки, и при этом вы используете не In-app Billing (за процессинг отвечает не Google Play), то скорее всего среди вариантов оплаты у вас есть и “Оплата картой”. А это значит, что вам каждый раз приходится отправлять пользователя вводить данные карты или на красиво сверстанные экраны с картой, или на веб-сайт вашего провайдера платежных сервисов (далее — payment processor). Уже посчитали сколько действий придется совершить пользователю, чтобы оплатить заветный заказ? Ага, а теперь представьте, что он сможет выполнить то же целевое действие всего в два тапа. Мы тоже представили и подумали, а почему бы не дать пользователям такую возможность? Основные условия успеха — продавец быть зарегистрирован в Google и payment processor должен сотрудничать с Google.
Список банков России, которые сотрудничают с Android Pay:
АК Барс Банк
Альфа Банк
БИНБАНК
Промсвязьбанк
ВТБ24
Банк Открытие
МТС Банк
Райффайзен Банк
Рокетбанк
Россельхозбанк
Банк Русский Стандарт
Сбербанк
Тинькофф Банк
Точка
Яндекс Деньги
Как все будет выглядеть для пользователя: он попадает на экран выбора типов оплаты в вашем приложении, нажимает на кнопку “Оплатить через Google ”, выбирает нужную карту или оставляет ту, что указана по-умолчанию, нажимает кнопку подтверждения. Готово!
Помните, что Google Pay API позволяет пользователям выбрать любую карту, привязанную или к аккаунту Google, или добавленную в Google Pay.
Теперь перейдем непосредственно к интеграции.
- Верстка
- Код
- Тестирование
- Отправка на ручную проверку
- Релиз
1. Верстка
Первое, о чем стоит сказать — предупредите дизайнеров о гайдлайнах. Если кратко по пунктам:
- на экранах ДО ИЛИ на экране, где будет расположена кнопка “Оплатить через Google” должна быть указана стоимость покупки;
- дайте пользователям возможность изменять данные заказа, выбирать тип оплаты [, менять адрес];
- никогда не показывайте данные для оплаты полностью (любые номера, даты и так далее);
- еще раз — “Оплатить через Google” — именно такая надпись должна быть на вашей кнопке, если делаете приложение с поддержкой русского языка;
- Google рекомендует использовать стандартные кнопки. Если вы хотите использовать темную тему или вообще кнопку со своим дизайном, то вам стоит написать в тех. поддержку по адресу androidpay-api-support@google.com. Но даже на кастомной кнопке должно быть лого Google и надпись … да, я надеюсь, вы поняли 🙂 ;
- по ширине ограничений нет, минимальная высота кнопки — 40dp. Если делаете выше/шире, то помните, что текст должен быть отцентрирован.
Соблюдение данных пунктов позволит вам быстрее пройти все проверки и попасть в белый список.
2. Код
Чтобы оплата через Google работала, на телефоне пользователя должны быть установлены Google Play Services версии не ниже 11.4. Но не беспокойтесь, есть специальный метод, который подскажет, можно ли провести оплату или же стоит спрятать кнопку.
Для начала добавим нужные зависимости в build.gradle уровня приложения. Перед внедрением проверяйте актуальность версий!
Далее следует обновить AndroidManifest:
Теперь осталось совсем чуть-чуть:
- Создаём PaymentsClient в вашей Activity или в Fragment. Чтобы не захламлять эти классы, можно вынести весь код в методы GooglePaymentUtils, например. Тогда:
Обратите внимание на константы:
WalletConstants.ENVIRONMENT_TEST — пока Google не разрешит выход в боевую среду, вы должны использовать именно её, чтобы самостоятельно протестировать флоу оплаты. Не пугайтесь, когда увидите предупреждение на диалоге Google Pay, что приложение не опознано.
WalletConstants.THEME_LIGHT — светлая тема диалога, также есть темная.
Отлично, у нас есть клиент, теперь мы готовы сделать запрос, можно ли вообще использовать оплату и показывать кнопку.
PAYMENT_METHOD_CARD, PAYMENT_METHOD_TOKENIZED_CARD — говорят, что мы хотим видеть карточки из Google аккаунта пользователя и карточки, привязанные к Android Pay.
Если мы можем показать кнопку, значит, мы должны повесить на нее обработчик нажатий
Тут запомните, что price — это строчка. И самое важное, даже если вы вызываете AutoResolveHelper.resolveTask из фрагмента, то результат все-равно придет в активити (об этом чуть позже) [на момент написания статьи работает именно так, AutoResolveHelper не умеет возвращать результат во фрагмент].
Тут CURRENCY_CODE = “RUB”.
WalletConstants.TOTAL_PRICE_STATUS_FINAL — говорим, что стоимость покупки окончательная и больше изменяться не будет.
Также есть варианты:
WalletConstants.TOTAL_PRICE_STATUS_ESTIMATED — стоимость примерная, и может измениться, например, после уточнения адреса.
WalletConstants.TOTAL_PRICE_STATUS_NOT_CURRENTLY_KNOWN — еще не знаем, какая стоимость.
Не могу сказать, как на практике поведут себя последние две константы, так как не проверял ¯\_(ツ)_/¯.
Остановимся на PaymentMethodTokenizationParameters и его методе setPaymentMethodTokenizationType:
- PAYMENT_METHOD_TOKENIZATION_TYPE_PAYMENT_GATEWAY
используется только если ваш payment processor в списке:
Adyen
Braintree
PaySafe
Stripe
Vantiv
WorldPay
Тогда вместо .addParameter(«publicKey», TOKENIZATION_PUBLIC_KEY)
вы должны написать .addParameter(«gateway», «yourGateway»)
.addParameter(«gatewayMerchantId», «yourMerchantIdGivenFromYourGateway»)
Для этого вам необходимо запросить у провайдера платежных сервисов публичный ключ и передавать именно его в .addParameter(«publicKey», TOKENIZATION_PUBLIC_KEY)
Теперь остается создать запрос.
.setPhoneNumberRequired — должен ли пользователь ввести номер.
.setEmailRequired — должен ли пользователь ввести email
.setShippingAddressRequired — должен ли пользователь выбрать страну. Тут можно ограничить число стран, для которых данная транзакция выполнится.
.addAllowedPaymentMethods — у нас это WalletConstants.PAYMENT_METHOD_CARD — карты из google аккаунта, WalletConstants.PAYMENT_METHOD_TOKENIZED_CARD — карты, добавленные в Google Pay.
В CardRequirements мы указываем, что должны работать карточки систем Visa, Mastercard и других (МИР, например)
Все, мы создали запрос, отправили его через клиента и ждем результат через AutoResolveHelper.
Как вы помните, результат придет в активити.
Вот и все, в paymentData у вас будет токен, который следует отдать вашему серверу. Дальнейшая логика зависит от вашего payment processor.
3. Тестирование
Ничего сложного, просто проверяете, что установлена константа WalletConstants.ENVIRONMENT_TEST, и проходите весь флоу. Списание денег с карточки производиться не будет, вам будет отдаваться тестовый токен, поэтому payment processor должен отклонить оплату.
4. Отправка на ручную проверку
Поздравляю! Вы готовы отправить свой дебаг билд на ручную проверку в Google.
Несколько советов:
- Если ваше приложение поддерживает только русский язык, то подготовьте скриншоты с указаниями, куда нажимать.
- Если есть какая-то специфика в процессе заказа, то подробно опишите.
- Создайте тестовый аккаунт специально для Google и отправьте прямо с билдом.
Отправляете билд на androidpay-api-support@google.com и ждете ответа.
5. Релиз
Вам сказали, что все хорошо и можно выпускать приложение. Первым делом вас попросят активировать приложение по адресу (с аккаунта продавца (merchant)).
Далее вас могут попросить прислать PCI Compliance. Эти документы подтверждают, что ваш payment processor соответствует стандартам безопасности по работе с картами. Запрашиваете у него и отправляете в поддержку.
Как только вы выполнили эти два пункта, вам скажут, что можно поменять WalletConstants.ENVIRONMENT_TEST на WalletConstants.ENVIRONMENT_PRODUCTION. Также может потребоваться поменять TOKENIZATION_PUBLIC_KEY, если вы использовали ключ с тестовой среды вашего payment processor.
Вот и все, теперь протестируйте реальную оплату и можете выпускать релиз в маркет!
Источник
Tutorial
If your Android application is distributed through the Google Play store, you can integrate it with the Google Pay API. You can also configure it to accept payment cards. To integrate your application and configure it to accept payment cards, follow the steps in this tutorial.
Step 1: Define your Google Pay API version
Declare the version of the Google Pay API that your application uses. The major and minor versions affect the fields expected in each passed object and are included in the response.
Create a base request object that contains properties that are present in all other request objects.
Kotlin
Step 2: Request a payment token for your payment provider
Google encrypts information about a payer’s selected card for secure processing by a payment provider.
Kotlin
Replace example and exampleGatewayMerchantId with the appropriate values for your payment provider. Use the following table to find the specific gateway and gatewayMerchantId values for your payment provider:
Gateway | Parameters and documents |
---|---|
ACI | |
Mastercard Payment Gateway Services | |
Newebpay (formerly STPath, Pay2Go) | |
Worldline — Ingenico (WL Online Checkout) |