- Оплата в интернете через Apple Pay на сайте — список, инструкция
- Как платить apple pay в интернете
- Как подключить Apple Pay к интернет-магазину?
- Оплата в интернете на сайте : Один комментарий
- Совершение покупок с помощью Apple Pay
- Как совершать оплату с помощью Apple Pay в магазинах и других местах
- Оплата с помощью iPhone
- Оплата с помощью Apple Watch
- Оплата с помощью Apple Pay в Интернете и в приложениях
- Подключаем оплату через Apple Pay на сайте
- Создание платежной сессии
- Верификация платежной сессии
- Проведение платежа
Оплата в интернете через Apple Pay на сайте — список, инструкция
Итак, чтобы ощутить все преимущества онлайн-шоппинга с Apple Pay, нам нужно быть обладателем двух устройств — Айфона и лэптопа Mac, а просматривать интернет-магазины только через браузер Safari.
Сайты с поддержкой Apple Pay отмечены логотипом «оплата через Apple Pay» (вы увидите специальные значки), поэтому о такой возможности вы узнаете сами, внимательно изучив интерфейс сайта или мобильного приложения.
Как платить apple pay в интернете
Алгоритм совершения оплаты в интернете онлайн-покупок на сайтах, поддерживающих Apple Pay, выглядит так:
- Сначала надо выполнить вход в свою учетную запись iCloud и включить интерфейс Bluetooth.
- Проверяем, что в настройках браузера Safari в разделе «Конфиденциальность» включен пункт Apple Pay (должна стоять галочка)
- Нажимаем на опцию «Купить с использованием Apple Pay» или «Apple Pay» на Макбуке и подтверждаем информацию о своей покупке
- Подтверждаем транзакцию (предварительно проверяем все данные, контактную информацию), выбираем карту для оплаты (можно выбрать карты с любого устройства, которое вошло в одну и ту же учетную запись в iCloud)
- На любом Mac, выпущенном в 2012 году и позднее и имеющим установленную систему macOS Sierra, платеж подтверждается при помощи Айфона или прямо с умных часов Apple Watch.
- Если у Вас MacBook Pro со встроенным Touch ID:
- Совершите покупку, когда будете готовы.
- Следуйте указаниям: поместите палец на датчик (если Touch ID выключен, то нажмите значок Apple Pay, который есть на панели Touch Bar и просто следуйте указаниям на экране.
7. В браузере появляется сообщение об успешной покупке — надпись «Готово» и галочка.
Процедура Apple Pay online-оплаты в принципе ничем не отличается от привычной оплаты через карту, только вместо карты — ваше устройство. Вы абсолютно так же набираете товары в корзину, оформляете заказ, но только как способ оплаты выбираете Apple Pay.
Какие сайты принимают Apple Pay? Не все, а только те, в которых внедрен API, то есть эти сайты имеют особый интерфейс программирования. С некоторыми приложениями также возможна оплата через Apple Pay, но они тоже должны иметь внедренный API.
Интернет-магазины и приложения, поддерживающие Apple Pay:
- Афиша
- КиноПоиск
- Рамблер/касса
- Ситимобил
- Утконос
- Яндекс Такси
- ozon ru
- Anywayanyday com
- App in the Air
- Биглион
- Hello baby
- Hey coffee
- LaModa
- One Two Trip
- Ticketland
- Wheely
Авиакомпании:
Как подключить Apple Pay к интернет-магазину?
Порядок подключения следующий:
- 1. сначала оформляется заявка в процессинговом центре, в которой вы рассказываете о своем бизнесе и пожеланиях;
- 2. затем открывается счет в банке (или используется уже имеющийся), готовятся договорная документация для банка-эквайера;
- далее специалисты создают мобильное приложение с кнопкой оплаты Apple Touch и интегрируют его со своим платежным шлюзом;
- потом еще несколько технических операций завершают подключение Apple Pay к вашему интернет-магазину, и ваши клиенты смогут покупать в одно касание через Mac, iPhone и iPad.
Надеемся, что наша статья о том, как платить при помощи Apple Pay на сайте в интернете, была полезной и познавательной.
Оплата в интернете на сайте : Один комментарий
здравствуйте хотим подключить систему для приема платежей на сайте Ответить ↓
Источник
Совершение покупок с помощью Apple Pay
Вы можете использовать Apple Pay для оплаты в магазинах, в приложениях, в Интернете и в других местах.
Как совершать оплату с помощью Apple Pay в магазинах и других местах
С устройством iPhone или Apple Watch вы сможете пользоваться Apple Pay в магазинах, ресторанах, на заправках, в такси и везде, где вы увидите один из этих символов 1 .
Оплата с помощью iPhone
- Чтобы использовать платежную карту по умолчанию, сделайте следующее.
- Если на вашем iPhone есть Face ID, дважды нажмите боковую кнопку. Пройдите аутентификацию с помощью Face ID или пароля.
- Если на вашем iPhone есть Touch ID, поместите палец на датчик Touch ID.
- Чтобы открыть другие карты, нажмите на карту по умолчанию. Затем выберите новую карту и пройдите аутентификацию.
- Удерживайте верхнюю часть iPhone рядом с бесконтактным устройством считывания, пока на дисплее не появится надпись «Готово» с галочкой.
Оплата с помощью Apple Watch
- Дважды нажмите боковую кнопку.
- Ваша карта по умолчанию откроется автоматически. Прокрутите содержимое экрана вниз, чтобы выбрать другую карту.
- Удерживайте дисплей Apple Watch рядом с бесконтактным устройством чтения, пока не почувствуете легкую пульсацию и не услышите звуковой сигнал.
Хотите просмотреть недавние покупки? Узнайте, как просмотреть историю транзакций Apple Pay.
Оплата с помощью Apple Pay в Интернете и в приложениях
Вы можете использовать Apple Pay для оплаты через Интернет в браузере Safari 2,3 и в приложениях, если Apple Pay является доступным вариантом оплаты.
- Нажмите кнопку Apple Pay или выберите Apple Pay в качестве способа оплаты.
- Для оплаты с помощью другой карты нажмите кнопку «Далее»
или кнопку раскрытия меню
рядом с картой по умолчанию.
- При необходимости введите свою платежную информацию, адрес доставки и контактные данные. Apple Pay сохранит эти сведения, поэтому вводить их заново не потребуется.
- Подтвердите оплату.
- iPhone или iPad с поддержкой Face ID: дважды нажмите боковую кнопку, затем пройдите аутентификацию с помощью Face ID или введите пароль.
- iPhone и iPad без поддержки Face ID: используйте Touch ID или введите пароль.
- Apple Watch: дважды нажмите боковую кнопку.
- Mac с поддержкой Touch ID: следуйте указаниям на панели Touch Bar и поместите свой палец на датчик Touch ID. Если датчик Touch ID отключен, нажмите значок Apple Pay на панели Touch Bar и следуйте указаниям на экране.
- Mac без поддержки Touch ID: подтвердите оплату на устройстве iPhone или Apple Watch c подключением Bluetooth. На всех устройствах должен быть выполнен вход под одним и тем же идентификатором Apple ID.
- Если оплата пройдет успешно, на экране появится надпись «Готово» с галочкой.
- Помимо Apple Pay, продавец также должен принимать вашу платежную карту и поддерживать вашу платежную систему.
- На территории континентального Китая использовать Apple Pay на веб-сайтах в браузере Safari можно только на совместимых моделях iPhone и iPad с последней версией iOS или iPadOS.
- В Италии для оплаты покупок в магазинах с помощью Apple Pay на iPhone и Apple Watch можно использовать карты Maestro. Карты Maestro нельзя использовать для оплаты в приложениях и на веб-сайтах. В Нидерландах карты Maestro можно добавлять на все совместимые устройства, кроме компьютеров Mac.
Информация о продуктах, произведенных не компанией Apple, или о независимых веб-сайтах, неподконтрольных и не тестируемых компанией Apple, не носит рекомендательного или одобрительного характера. Компания Apple не несет никакой ответственности за выбор, функциональность и использование веб-сайтов или продукции сторонних производителей. Компания Apple также не несет ответственности за точность или достоверность данных, размещенных на веб-сайтах сторонних производителей. Обратитесь к поставщику за дополнительной информацией.
Источник
Подключаем оплату через 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 для подтверждения платежей.
Для того чтобы принимать платежи через 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 . Для того чтобы продолжить платеж реализуем следующий этап.
Верификация платежной сессии
В параметре события 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 можно почитать в официальной документации.
Источник