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

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

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

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

Хром Сафари Firefox
Рабочий стол Андроид Рабочий стол мобильный Настольный/мобильный
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 .

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

Чтобы начать создавать платежное веб-приложение, вам нужно реализовать три отдельные части: