Обзор приложений для веб-платежей

Как интегрировать ваше платежное веб-приложение с веб-платежами и обеспечить лучший пользовательский опыт для клиентов.

Сервис Web Payments предлагает встроенный в браузер интерфейс, позволяющий пользователям вводить необходимую платёжную информацию проще, чем когда-либо прежде. API-интерфейсы могут вызывать как веб-приложения для оплаты, так и платёжные приложения для Android .

Поддержка браузеров

Веб-платежи состоят из нескольких различных технологий, а статус поддержки зависит от браузера.

Хром Сафари Firefox
Рабочий стол Андроид Рабочий стол Мобильный Настольные/мобильные устройства
API запроса платежа
API обработчика платежей
Платежное приложение для iOS/Android ✔* ✔*

Преимущества веб-платежных приложений

Процесс оплаты с помощью веб-приложения для оплаты.
  • Платежи осуществляются в модальных окнах на сайте продавца, что обеспечивает лучший пользовательский опыт по сравнению с типичными приемами платежных приложений, использующими перенаправления или всплывающие окна.
  • API веб-платежей можно интегрировать в существующие веб-сайты, что позволит вам использовать существующую базу пользователей.
  • В отличие от приложений, привязанных к конкретной платформе, веб-платежные приложения не требуют предварительной установки.

Как работает приложение для веб-платежей?

Веб-платежные приложения разрабатываются с использованием стандартных веб-технологий. Каждое веб-платежное приложение должно включать в себя сервис-воркера.

В платежном веб-приложении сервисный работник может выступать посредником при обработке платежных запросов:

  • Открытие модального окна и отображение интерфейса платежного приложения.
  • Обеспечение связи между платежным приложением и продавцом.
  • Получение авторизации от клиента и передача платежных данных продавцу.

Узнайте, как работает платежное приложение для продавца, в статье Жизнь платежной транзакции .

Как продавцы узнают о вашем платежном приложении

Чтобы продавец мог использовать ваше платежное приложение, ему необходимо использовать API запроса платежа и указать поддерживаемый вами способ оплаты с помощью идентификатора способа оплаты .

Если у вас есть идентификатор способа оплаты, уникальный для вашего платежного приложения, вы можете настроить собственный манифест способа оплаты и разрешить браузерам обнаруживать ваше приложение.

Узнайте, как это работает и как настроить новый способ оплаты, в разделе Настройка способа оплаты .

API, которые можно использовать внутри окна обработчика платежей

«Окно обработчика платежей» — это окно, в котором запускаются платёжные приложения. В Chrome, поскольку это обычное окно браузера, большинство веб-API должны работать так, как если бы они использовались в документе верхнего уровня, за некоторыми исключениями:

  • Изменение размера области просмотра отключено.
  • window.open() отключено.

Поддержка WebAuthn

WebAuthn — это механизм аутентификации, основанный на криптографии с открытым ключом. Вы можете разрешить пользователям входить в систему с помощью биометрической верификации. WebAuthn уже поддерживается в окне обработчика платежей в Chrome, и стандартизирующий орган рассматривает возможность создания ещё более тесной связи между веб-платежами и WebAuthn.

Поддержка API управления учетными данными

API управления учётными данными предоставляет программный интерфейс между сайтом и браузером для удобного входа на любых устройствах. Вы можете разрешить пользователям автоматически входить на ваш сайт на основе информации, сохранённой в менеджере паролей браузера. Планируется реализовать эту функцию в Chrome, но она всё ещё находится в стадии разработки .

Поддержка WebOTP

API WebOTP позволяет программно получать одноразовые пароли из SMS-сообщений и упрощает проверку номера телефона пользователя. Его планируется реализовать в Chrome, но он всё ещё находится в стадии разработки .

Вы можете ознакомиться со списком известных проблем и функций, которые планируется добавить в окно обработчика платежей, в системе отслеживания ошибок Chromium .

Следующие шаги

Чтобы приступить к созданию платежного веб-приложения, вам необходимо реализовать три отдельных этапа: