Подключение apple pay cloudpayments

Платежный сервис CloudPayments позволяет интегрировать Apple Pay в один клик

CloudPayments, платежный сервис, одним из первых в России позволил всем своим клиентам интегрировать Apple Pay в один клик. Компании-клиенту достаточно согласиться с условиями в личном кабинете и функция оплаты будет подключена моментально. Дополнительная плата за подключение не взимается.

Прием платежей через Apple Pay работает с картами Visa и Mastercard и доступен всем организациям и индивидуальным предпринимателям, подключенным к системе CloudPayments без заключения дополнительных соглашений и изменений в условиях работы.

«Мы видим постоянно растущий спрос на оплату товаров и услуг с помощью одной единственной кнопки на телефоне. Доля платежей через Apple Pay постоянно растет, поэтому нам особенно приятно первыми в стране дать возможность подключить прием платежей через сервис без лишних хлопот. Уверены, что CloudPayments внесет существенный вклад в популяризацию технологии в России», – отметил Дмитрий Спиридонов, CEO CloudPayments.

Безопасность и конфиденциальность лежат в основе Apple Pay. Когда вы используете кредитную или дебетовую карту с Apple Pay, фактические номера карт не сохраняются на устройстве или на серверах Apple. Вместо этого используется уникальный номер учетной записи устройства, который в зашифрованном виде надежно хранится на вашем устройстве. Каждая транзакция авторизируется с уникальным динамическим кодом безопасности.

Apple Pay прост в установке и позволяет пользователям безопасно и быстро использовать все преимущества и возможности кредитных и дебетовых карт.

Использовать Apple Pay для покупок в интернете особенно удобно, поскольку с помощью Touch ID или Face ID нет необходимости вручную заполнять длинные формы учетной записи или повторно вводить информацию о доставке и оплате в Apple Pay. При оплате товаров и услуг в приложениях или Safari Apple Pay работает с iPhone 6 и более поздними версиями, iPhone SE, iPad Pro, iPad (пятое поколение и более поздние версии), iPad Air 2 и iPad mini 3 и более поздних версий. Вы также можете использовать Apple Pay в Safari на любом Mac, представленном в 2012 г. или после 2012 г. на MacOS Sierra, и подтверждать оплату с помощью iPhone 6 или более поздней версии или Apple Watch или с Touch ID на новом MacBook Pro.

Источник

Подключаем оплату через Apple Pay на сайте

Сейчас, в том числе и у нас на сайте, и в приложениях ivi, есть явная тенденция роста аудитории на мобильных устройствах. Также растет и доля покупок, совершаемых в интернете с мобильных устройств. В отличие от десктопа, помимо традиционных вариантов оплаты, доступны системы мобильных платежей, например Apple Pay, Android Pay, Samsung Pay. Эти системы можно использовать не только для оплаты в терминалах, принимающих банковские карты, но и для оплаты в приложениях и на веб-сайтах.

Внедрение мобильных платежей мы начали с веб-версии ivi и выбрали мобильный сайт и систему Apple Pay.

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

В этой статье я расскажу об использовании библиотеки Apple Pay JS.

Библиотека предназначена для использования Apple Pay на сайтах. Apple Pay JS API поддерживается на:

  • iOS начиная от 10 версии в браузере Safari и моделях iPhone, поддерживающих бесконтактные платежи (SE и старше 6);
  • macOS от версии 10.12 в браузере Safari на компьютерах с Touch ID или при подключенном iPhone или Apple Watch для подтверждения платежей.
Читайте также:  Инфракрасный пульт для iphone

Для того чтобы принимать платежи через Apple Pay на сайте, вам потребуется:

  • Девелоперский аккаунт Apple;
  • HTTPS на странице, использующей Apple Pay;
  • Выбрать платежный шлюз, с которым вы будете работать. Мы пользуемся услугами Payture.

Далее нужно зарегистрировать Merchant ID, создать сертификаты Merchant Identity Certificate и Payment Processing Certificate и верифицировать домены, на которых будет использоваться Apple Pay. Описание процесса есть в инструкции от Payture.

  • Merchant ID — идентификатор продавца, представляющий его в Apple Pay;
  • Payment Processing Certificate — сертификат, используемый для передачи платежных данных на стороне платежного шлюза. Сервера Apple Pay используют публичный ключ этого сертификата для шифрования платежных данных. Приватный ключ используется для расшифровывания данных при проведении платежа;
  • Merchant Identity Certificate — TLS сертификат, используемый для подтверждения данных продавца и авторизации платежных сессий через сервера Apple. Платежная сессия создается при инициализации процесса оплаты. Сертификат используется только на стороне сайта.

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

После всей подготовительной работы можно приступить к интеграции Apple Pay на сайт. Процесс интеграции состоит из 3 основных частей:

  • Создание платежной сессии, показ диалога платежа и обработка событий платежной сессии. Тут используется Apple Pay JS API;
  • Верификация платежной сессии. Требуется для того, чтобы система Apple Pay могла убедиться, что запрос идет от зарегистрированного продавца. Реализуется на бекенде;
  • Проведение платежа через платежный шлюз и завершение платежной сессии.

Создание платежной сессии

Перед показом кнопки оплаты через Apple Pay нужно проверить доступен ли Apple Pay на устройстве. Реализуется это так:

Далее с помощью Apple Pay JS API можно проверить есть ли у пользователя активные карты, привязанные к Apple Pay. Предоставляется 2 метода canMakePayments и canMakePaymentsWithActiveCard . Первый проверяет только факт поддержки Apple Pay, второй помимо этого позволяет узнать есть ли по крайней мере 1 карта, привязанная к Apple Pay.

У нас, например, эти проверки используются для того, чтобы решить показать кнопку оплаты через Apple Pay над остальными способами оплаты или под ними. В случае если добавленных карт нет, выводится кнопка Set Up Apple Pay, по клику открываются настройки телефона с разделом Wallet. В итоге пользователь уходит с сайта, а процесс оплаты прерывать не стоит, поэтому кнопка располагается под основными типами оплаты и даже не видна без скролла экрана.

Страницы оплаты для настроенного и ненастроенного Apple Pay:

Как только кнопка отображена на странице, можно создать платежную сессию для того чтобы отобразить диалог оплаты. Сессия может быть создана только по явному пользовательскому действию. По клику на кнопку нужно выполнить следующий код:

В примере приведен минимальный набор свойств у объекта ApplePayPaymentRequest. Для отображения более подробной информации о покупке нужно использовать другие свойства этого объекта.

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

  • onvalidatemerchant срабатывает при открытии платежной формы Apple Pay. В обработчике этого события требуется верифицировать платежную сессию. Процесс верификации описан далее;
  • onpaymentauthorized срабатывает когда пользователь подтверждает платеж на платежной форме Apple Pay с помощью Touch ID, Face ID или кода. Здесь доступен платежный токен, который нужно передать в платежный шлюз для проведения платежа;

После создания объекта ApplePaySession нужно вызвать метод begin для отображения диалога оплаты:

В результате пользователь увидит следующее:

При показе формы срабатывает событие onvalidatemerchant . Для того чтобы продолжить платеж реализуем следующий этап.

Читайте также:  Что можно сделать если iphone заблокирован

Верификация платежной сессии

В параметре события onvalidatemerchant приходит поле validationURL . На этот адрес с бекенда нужно отправить данные, подписанные сертификатом Merchant Identity Certificate.

Метод performValidation возвращает промис от запроса на валидацию. Обработчик этого запроса находится на нашей стороне, реализация такая: на URL из параметра события onvalidatemerchant отправляется post запрос.

В теле запроса содержится json:

Параметры MERCHANT_IDENTIFIER и DISPLAY_NAME берутся из девелоперского аккаунта (их настроили в самом начале), а HOST — это домен, с которого делается оплата.

Запрос должен быть подписан сертификатом Merchant Identity Certificate. В ответе придет json, его и нужно вернуть. После получения этого ответа, вызываем у платежной сессии метод completeMerchantValidation .

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

Проведение платежа

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

Как только платеж проведен, завершаем оплату на стороне клиента.

в success нужно передать один из 2 статусов window.ApplePaySession.STATUS_SUCCESS или window.ApplePaySession.STATUS_FAILURE .

На этом процесс оплаты через Apple Pay заканчивается. Более подробно про Apple Pay JS можно почитать в официальной документации.

Источник

Решения

Платежный Виджет

Всплывающая форма с минимальным количеством полей для ввода карточных данных. Онлайн-оплата на вашем сайте без дополнительных переходов на платежный шлюз (редирект) с автоматическим определением банка — эмитента и платежной системы (Visa, Masterсard, Мир и т. д.).

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

С помощью виджета CloudPayments вы достигнете максимального количества импульсных покупок у вас на сайте. Также виджет позволяет собирать подписки (рекурренты) без дополнительных технических доработок.

Платёжный Виджет

Скрипт Checkout

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

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

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

Скрипт Checkout

SDK для мобильных приложений

Программный продукт, благодаря которому любое приложение на iOS и Android получает экран оплаты в мобильном устройстве в виде нативной платежной формы с возможностью оплаты в один клик и привязкой карты (рекарринг).

SDK для мобильных приложений

Apple Pay

Удобный и безопасный способ оплаты от компании Apple. Пользователь единоразово привязывает карту к своему аккаунту Apple, а далее при оплате только подтверждает платеж отпечатком пальца или Face ID.

Технология работает в мобильных приложениях и браузере Safari на iPhone, iPad, Apple Watch, MacBook и компьютерах Мас.

Apple Pay

Google Pay

Способ оплаты от компании Google, который объединяет в себе возможности оплаты через приложение Google Pay в магазинах и обычной оплаты картой, сохраненной в аккаунте пользователя Google.

Технология работает в мобильных приложениях и браузерах Google Chrome, Mozilla Firefox, Apple Safari, Microsoft Edge, Opera или UCWeb UC на всех устройствах Android.

Google Pay

Рекуррентные платежи

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

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

Читайте также:  Гараж бэнд как сделать рингтон айфон свой

Рекуррентные платежи

Онлайн-Касса

Автоматизированный сервис, обеспечивающий подключение к оператору фискальных данных, автоматическое формирование чеков прихода и возврата в режиме онлайн, отправку электронных чеков на e-mail или телефон покупателя.

Онлайн-касса

Рекарринг

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

Рекарринг

Маркетплейс

Онлайн-площадка/витрина, которая размещает товары/услуги партнеров-продавцов на своем сайте или в приложении и привлекает туда покупателей, таким образом формируя спрос и предложение.

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

Информация по операциям реализованных товар/услуг юридических лиц-продавцов доступна им в личном кабинете в личном кабинете Партнера.

Маркетплейс

Платежные формы

Позволяют фондам и другим НКО принимать пожертвования на свой счет с помощью настраиваемой (кастомизируемой) платежной формы, которая может быть представлена:

  • в виде ссылки
  • в виде статического QR-кода, который можно разместить как в онлайн трансляции, так и в офлайн-материалах (листовки, буклеты и т.д.)

Форма значительно упрощает прием пожертвований. Форма предполагает оплату банковской картой онлайн, а также при помощи Apple Pay и Google Pay.

Кастомизируемые формы приема платежей

P2P и AFT

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

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

AFT-зачисление на счет. Благодаря данному решению, наши партнеры могут по выгодным условиям осуществлять сбор денежных средств от плательщиков на свои расчетные счета в режиме онлайн.

С помощью этого функционала банки и МФО могут дать возможность своим пользователям в режиме онлайн внутри своего приложения или на сайте погасить кредиты и займы со своих карт. Банки также могут предоставить своим клиентам опцию пополнения баланса своих карт картами сторонних банков внутри приложения и/или на сайте банка.

AFT терминалы

Выплаты на карту

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

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

Выплаты на карту

Другие решения

Оплата внутри программного обеспечения и социальных сетей

Возможность размещения кнопки оплаты в любой социальной сети: Facebook, ВКонтакте. Оплата картой непосредственно внутри приложения с возможностью ее привязки. Без редиректа на форму платежного шлюза.
Оплата покупки или продления лицензии внутри программного обеспечения.

Источник

Оцените статью