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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Поддержка WebAuthn

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

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

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

Поддержка WebOTP

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

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

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

Для начала разработки веб-приложения для платежей вам необходимо реализовать три отдельных компонента: