- Настройка Apple Pay
- Как добавить карту для Apple Pay на iPhone
- Добавление новой карты на iPhone
- Добавление ранее использованной карты на iPhone
- Как добавить карту для Apple Pay на Apple Watch
- Добавление карты для Apple Pay на Apple Watch
- Добавление карты для Apple Pay в приложении Apple Watch на iPhone
- Как добавить карту для Apple Pay на Mac или iPad
- Подключаем оплату через Apple Pay на сайте
- Создание платежной сессии
- Верификация платежной сессии
- Проведение платежа
Настройка Apple Pay
Чтобы настроить Apple Pay, добавьте кредитную, дебетовую или предоплаченную карту в приложение Wallet на iPhone, Apple Watch или другом совместимом устройстве.
Для использования Apple Pay вам потребуется следующее.
- Совместимое устройство 1 с последней версией iOS или iPadOS, watchOS или macOS.
- Поддерживаемая карта от работающего с Apple Pay эмитента банковских карт.
- Идентификатор Apple ID, с которым выполнен вход в iCloud 2 .
На большинстве устройств можно добавить до 12 карт, а на некоторых более старых моделях — до восьми.
Узнайте, поддерживается ли Apple Pay в вашей стране или в вашем регионе. Чтобы узнать, совместима ли ваша карта с Apple Pay, обратитесь к ее эмитенту.
Как добавить карту для Apple Pay на iPhone
Добавьте новую дебетовую или кредитную карту в приложение Wallet или добавьте ранее использованную карту на устройстве, связанном с вашим идентификатором Apple ID.
Добавление новой карты на iPhone
- Откройте приложение Wallet и нажмите кнопку «Добавить» .
- Выберите «Дебетовая или кредитная карта».
- Коснитесь «Продолжить».
- Добавьте новую карту, следуя указаниям на экране. Если появится соответствующий запрос, выберите свой банк или эмитента вашей карты из списка либо найдите их в строке поиска.
- Подтвердите свои данные в банке или у эмитента. Прежде чем разрешить использование карты в Apple Pay, они могут попросить вас предоставить дополнительные сведения или скачать приложение.
- Если у вас есть связанное устройство Apple Watch, вы также можете добавить карту на часы.
Добавление ранее использованной карты на iPhone
- Откройте приложение Wallet и нажмите кнопку «Добавить» .
- Выберите «Ранее добавленные карты», чтобы увидеть карты, которые в прошлом были добавлены в приложение Wallet.
- Выберите одну или несколько карт, которые хотите добавить, и нажмите «Продолжить».
- Добавьте карту, следуя указаниям на экране.
- При необходимости подтвердите свои данные в банке или у эмитента вашей карты. Прежде чем разрешить использование карты в Apple Pay, они могут попросить вас предоставить дополнительные сведения или скачать приложение.
- Если у вас есть связанное устройство Apple Watch, вы также можете добавить карту на часы.
Если вы не можете добавить карту в приложение Wallet, обратитесь к этой статье.
После добавления карты вы сможете начать пользоваться Apple Pay.
Чтобы удалить карту с экрана «Ранее добавленные карты», нажмите «Изменить» > кнопку «Удалить» > «Удалить». Затем выберите «Удалить карточку», чтобы подтвердить удаление и удалить карту со всех ваших устройств.
Как добавить карту для Apple Pay на Apple Watch
Вы можете добавить новую дебетовую или кредитную карту либо карту, ранее использованную на устройстве, связанном с вашим идентификатором Apple ID, непосредственно на устройстве Apple Watch. Вы также можете добавить карту в приложении Apple Watch на связанном устройстве iPhone.
Добавление карты для Apple Pay на Apple Watch
- Откройте на Apple Watch приложение Wallet.
- Прокрутите экран вниз и выберите «Добавить карту».
- Выберите «Дебетовая или кредитная карта», чтобы добавить новую карту, или «Предыдущая карточка», чтобы выбрать карту, которая была добавлена в приложение Wallet ранее.
- Коснитесь «Продолжить».
- Введите данные карты и добавьте ее, следуя указаниям на экране.
- При необходимости подтвердите свои данные в банке или у эмитента вашей карты, используя приложение Apple Watch на связанном iPhone. Прежде чем разрешить использование карты в Apple Pay, они могут попросить вас предоставить дополнительные сведения или скачать приложение.
На устройствах Apple Watch, использующих Семейную настройку, непосредственное добавление карт может быть недоступно.
Добавление карты для Apple Pay в приложении Apple Watch на iPhone
- Откройте приложение Apple Watch на связанном устройстве iPhone.
- Перейдите на вкладку «Мои часы» и нажмите «Wallet и Apple Pay».
- Нажмите «Добавить карту».
- Выберите «Дебетовая или кредитная карта», чтобы добавить новую карту, или «Предыдущая карточка», чтобы выбрать карту, которая была добавлена в приложение Wallet ранее.
- Коснитесь «Продолжить».
- Добавьте карту, следуя указаниям на экране.
- При необходимости подтвердите свои данные в банке или у эмитента карты. Прежде чем разрешить использование карты в Apple Pay, они могут попросить вас предоставить дополнительные сведения или скачать приложение.
Если вы не можете добавить карту в приложение Wallet, обратитесь к этой статье.
После добавления карты вы сможете начать пользоваться Apple Pay.
Как добавить карту для Apple Pay на Mac или iPad
- Откройте параметры Wallet на своем устройстве.
- На компьютере Mac с Touch ID перейдите в меню «Системные настройки» > «Wallet и Apple Pay».
- На устройстве iPad перейдите в «Настройки» > «Wallet и Apple Pay».
- Нажмите «Добавить карту». 3,4
- Добавьте карту, следуя указаниям на экране.
- Подтвердите свои данные в банке или у эмитента. Они могут запросить дополнительную информацию.
Если вы не можете добавить карту в приложение Wallet, обратитесь к этой статье.
После добавления карты вы сможете начать пользоваться Apple Pay.
Если на вашей модели Mac нет встроенного датчика Touch ID, вы можете оплачивать покупки с помощью Apple Pay на совместимом устройстве iPhone или Apple Watch. Для этого на iPhone перейдите в меню «Настройки» > «Wallet и Apple Pay» и включите параметр «Оплата на Mac».
- Убедитесь, что вход в iCloud выполнен на всех устройствах. На устройстве iOS необходимо настроить Face ID, Touch ID или пароль. На Apple Watch необходимо задать пароль. Если вы выйдете из iCloud или удалите пароль, то все кредитные, дебетовые, предоплаченные, транспортные карты и удостоверения учащегося будут удалены с этого устройства.
- Если вам меньше 13 лет, служба Apple Pay будет недоступна и вы не сможете добавить карту в приложение Wallet. Возраст зависит от страны или региона.
- В континентальном Китае использовать Apple Pay для оплаты на веб-сайтах в Safari можно только на совместимых моделях iPhone и iPad с iOS 11.2 или более поздней версии. В Нидерландах использовать Apple Pay для оплаты на веб-сайтах можно только на совместимых моделях iPhone или iPad.
- В Италии вы не можете добавлять карты Maestro на устройства iPad или Mac. В Австралии вы не можете добавлять карты eftpos на устройства iPad или Mac. В Нидерландах карты 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 можно почитать в официальной документации.
Источник