Top-office11.ru

IT и мир ПК
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Как добавить транспортную карту «Тройка» в систему мобильных платежей «Apple Pay»

Как добавить транспортную карту «Тройка» в систему мобильных платежей «Apple Pay»

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

Бесконтактная оплата проезда

Как пользоваться Apple Wallet на Айфоне

Руководитель отдела мобильной разработки

Принято считать, что Wallet — не самый популярный сервис в СНГ. Но уже во втором проекте подряд заказчик ставит задачу «Сделать интеграцию с Wallet». Поэтому я решил написать эту статью, чтобы рассказать о сервисе в целом и показать, как интегрировать в него свой продукт.

Что такое Wallet? Он позволяет держать в телефоне различного вида карты (билеты, скидочные карты и т.п.), облегчая жизнь пользователям продукта. Более того, есть возможность актуализировать информацию о карте посредством push-уведомлений, но это тема для отдельной статьи. Но если у вас есть карта/билет/абонемент, которые можно интегрировать в телефон, то для этого есть решение! Как это сделать — читайте ниже.

Как правило, за создание карты отвечает ваш сервер. Приложение получает карту в виде .pkpass файла и уже через приложение пользователь может добавить карту в Wallet.

Структура карты

Что же представляет собой карта с точки зрения разработчика? Карта — это архив с расширением .pkpass. Он содержит в себе все данные, необходиимые для отображения и работы карты. Содержимое архива — в таблице ниже.

tabl.png

Существуют следующие типы карт:

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

Рассмотрим схематично внешний вид разных карт. Картинки лучше называть так, как это указано в таблице выше.

Посадочный билет

tabl.png

tabl.png

Билет на событие

tabl.png

Общая карта

tabl.png

Скидочная карта

tabl.png

Структура pass.json

Обязательные поля. Содержат Pass Type ID, Team ID, название организации и т.п. Ключи для связанных приложений. Нужны для отображения приложений, которые нужно «ассоциировать» с картой.

Ключи «срока годности» карточки.

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

Ключ стиля. В начале статьи были перечислены 5 видов карт для Wallet. Каждому из них соответствует свой стиль. Такой ключ должен быть строго один.

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

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

NFC-ключи. Содержат дополнительную информацию для Apple Pay транзакции.

Теперь обо всем подробнее.

Обязательные поля

tabl.png

Ключи для связанных приложений

tabl.png

Ключи стиля

tabl.png

JSON в данном случае имеет следующий вид:

Значение по ключу value может быть как числовым, так и строковым. Однако currencyCode вместе со строковым значением использовать не получится. Что касается auxiliaryFields и secondaryFields, их может быть несколько, и стоит следить за длиной строк, которые в них используются.

Ключи визуального оформления

tabl.png

Баркод

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

tabl.png

Локация

Эти ключи отвечают за локацию, в пределах которой карта может быть использована.

tabl.png

Оборотная сторона

На оборотной информационной части можно разместить дополнительную информацию: условия использования, политику автообновления, контактные данные и ссылку на приложение, к которому относится карта. На рисунке представлено соответствие полей в pass.json и внешнего вида обратной стороны карты. Если в value-поле есть ссылки, номера телефона и т.п., они подсветятся автоматически.

tabl.png

Создание карты. Часть 2

Итак, картинки готовы, pass.json сформирован, осталось собрать все это вместе. Для этого заполним manifest.json (см. таблицу 1), куда необходимо включить все картинки и pass.json. Получается примерно так:

Читать еще:  EXPLORER.EXE: что за процесс

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

Далее нужно создать Pass Type ID в кабинете разработчика и сделать для него сертификат. Процедура должна быть более-менее знакомая, если ранее вы создавали, например, Provisioning профили.

tabl.png

Далее заходим в ключницу (Keychain) и экспортируем оттуда Apple Worldwide Developer Relation Certificate (WWDR) как .pem.

tabl.png

Оттуда же экспортируем созданный Pass Type ID как .p12. На этом этапе ключница попросит вас ввести пароль для сертификата. При этом пароль вводить необязательно. Обратите внимание, что все дальнейшие действия надо производить в одной папке, где уже должны лежать manifest.json, pass.json и картинки.

Теперь необходимо сгенерировать подпись, которой будем подписывать архив. Для начала экспортируем Pass Type ID и ключ к нему как .pem.

Теперь мы готовы к генерации подписи. Сделаем это командой:

Итак, у нас все готово, осталось только собрать архив, делаем это командой:

Обращаю внимание, что тут должны быть перечислены все файлы, в которые вы хотите включить архив данных для карты(.pkpass). В итоге мы получим .pkpass файл, который можно открывать на компьютере. Мы увидим превью карты, внешний вид которой может отличаться от вида на телефоне. Все это можно сделать чуть проще. Apple предоставляет утилиту signpass (Apple Wallet sample meterials), которая берет на себя все подсчеты SHA (файл manifest.json можно не делать самостоятельно) и работу по созданию подписей. Чтобы ей воспользоваться, нужно собрать проект и поместить файл signpass в папку со всеми необходимыми ресурсами.

tabl.png

В целом структура должна выглядеть примерно так:

tabl.png

Далее выполняем команду:

Wallet — это название папки, в которой лежат все ресурсы. На выходе получаем файл wallet.pkpass. Его содержимое можно посмотреть, разархивировав wallet.pkpass.

Не исключено, что создание pkpass будет вынесено на бэкенд, в таком случае надо будет передать разработчикам WWDR, сертификат для Pass Type ID в виде .p12 и пароль от него.

Интеграция с приложением

Для того чтобы приложение имело возможность добавлять карты в Wallet, необходимо включить эту возможность в App ID и также включить эту возможность в Capabilities в проекте.

tabl.png

Это необходимо для полноценной корректной работы с Wallet. В противном случае не получится считывать карты с Wallet и, например, не будет возможности понять, добавлена наша карта или нет. Также важно отметить, что team id в pass.json должен совпадать c team id, либо придется добавлять их вручную в entitlements и это может исправить ситуацию, но это я не проверял.

tabl.png

Добавление карты

Добавлять карты очень просто:

Однако, опять же, чаще .pkpass файл надо будет скачивать с вашего сервера. Стоит отметить, что PassKit выдает довольно читаемые ошибки, поэтому можно легко понять, что именно было сделано не так.

Получение информации о добавленных картах

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

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

Проверка на уникальность

Поскольку в вашем сервисе, как правило карта привязана к аккаунту, в приложении скорее всего придется как-то определять принадлежность карты к текущему пользователю. Предлагаю делать это через serialNumber. Например, задавать в качестве serialNumber id пользователя или номер карты.

Тестирование

Apple предоставляет примеры pkpass для разных типов, можно ориентироваться на них. Apple Wallet samples Чтобы увидеть то, как выглядит карта, можно, добавить pkpass в проект (см. «Добавление карты»). Процесс добавления/удаления уже рассмотрен выше, осталось только напомнить, что приложение не будет видеть уже добавленные карты, если карта для Wallet создавалась на одном аккаунте разработчика, а сама разработка велась с другого аккаунта (актуально для аутсорс-компаний). При этом добавлять карты можно без проблем. Проверить, корректно ли закодирована информация в штрихкоде, можно с помощью любого сканера QR-кодов. И точно необходимо проверить корректность работы с настоящим сканером.

Читать еще:  Принтер отключен. Как включить

Заключение

В статье был рассмотрен процесс создания и дизайна карты, а также процесс интеграции c приложением и проблем, которые могут возникнуть. Я намерено не касался вопросов интеграции с веб-сервисами и обновления карт, и надеюсь сделать это в следующей статье.

Привязка карты через Wallet на iPad

  • Зайдите в «Настройки»
  • Нажмите «Wallet и Apple Pay»
  • Теперь вам требуется клавиша «Добавления платежной карты»
  • Карта добавляется как и на iPhone

Добавление карты на iPad

Добавление карты на iPad

  • Подождите, пока карточка будет проверена
  • После окончания процесса выберите «Далее»

Как платить добавленным в кошелек ЮМани с iPhone

Платежи, после добавления в Apple Paу виртуальной или пластиковой карты будут доступны, как онлайн, так и при обычных расчетах в магазинах. Чтобы оплатить в интернете с iPhone, находясь на нужном сайте, выполните такие действия:

  1. Нажмите кнопку «Купить» со значком Apple Paу.
  2. Подтверждение платежа происходит по Touch ID на вашем айфоне.
  3. Списание произойдет моментально.

Если необходимо совершить оплату в обычной торговой точке, то приложите палец к Touch ID. После этого поднесите к терминалу оплат телефон. Об успешном списании средств оповестит характерный звук с устройства. Также при размере суммы списания более 1000 рублей, для подтверждения платежа потребуется пин-код добавленного в Apple Paу счета Юмани (карты).

Как настроить Apple Wallet?

Программа wallet на айфоне как пользоваться?

У большинства людей в кошельке лежат несколько пластиковых карт – банковские, скидочные, бонусные, членские и другие. Со временем количество карт только увеличивается, а к ним добавляются еще и билеты на самолет, поезд и т.д. Владельцы устройств от компании Apple могут существенно облегчить себе жизнь. Для этого в их смартфоны iPhone и плееры iPod Touch встроено приложение Apple Wallet. Найти приложение на своем устройстве вы можете по этой иконке:

Благодаря этому приложению вы сможете отказаться от привычных пластиковых карт и оцифровать все данные. Достаточно знать, как настроить Apple Wallet и как платить с помощью телефона.

Что такое Apple Wallet

Apple Wallet – это предустановленное приложение, доступное на всех устройствах Apple iPhone, iPad и iPod Touch. Приложение позволяет оцифровать пластиковые карты и хранить их все у себя на устройстве. Вы можете оцифровать банковские карты (кредитные и дебетовые), карты на скидку, карты участника в клубах и другие пластиковые карты.

Приложение позволяет добавить не только карты, но и некоторые другие данные. И в этом нет ничего удивительного, если вспомнить, что изначально приложение называлось «Passbook». Например, вы можете добавить в приложение билеты на предстоящие перелеты.

Если вы покупаете билеты через другие приложения, а они поддерживают автоматический обмен данных с Apple Wallet, то билеты автоматически появятся в вашем Apple Wallet. В России автоматическую загрузку авиабилетов поддерживает S7 Airlines, Aeroflot и некоторые другие компании.

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

Apple Wallet – универсальное приложение, чей функционал лишь растет с каждым днем, недавно появилась возможность добавлять бронирования с сервиса AirBnB. Но будьте аккуратны, в некоторых случаях вам может потребоваться настоящая карточка или же бумажный билет. Хорошо, что после загрузки карты или билета приложение отображает их данные даже без доступа к сети Интернет.

Если у вас есть iTunes Pass, то вы можете добавить свой абонемент в приложение Wallet. Хотя в России нелегко найти токи пополнения абонементов, но сама функция работает прекрасно, а в связке с Wallet, еще и очень удобно.

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

Читать еще:  Как изменить поисковую систему в Яндекс Браузере: три способа

Как настроить Apple Wallet на iPhone

Приложение Wallet изначально предустановлено на всех современных смартфонах iPhone и плеерах iPod Touch, но приложения Wallet для iPad не существует. У вас есть несколько способов, как настроить приложение на вашем смартфоне. Вы можете добавлять данные следующим образом:

  • Сканированием штрихкода карты;
  • Через веб-версию;
  • Из своей почты или сообщений;
  • С помощью сторонних программ;

Если вы хотите добавить скидочную карту, которую вы получили в России, то у вас могут возникнуть проблемы. Мы протестировали несколько карт популярных парфюмерных магазинов, но в итоге ни одна карта не добавилась в программу. При сканировании штрих-кода карты выдается следующая ошибка:

Вы можете обратиться к той компании/магазину, кто выдал вам карту, с вопросом – поддерживается ли карта программой Wallet. К сожалению, российский бизнес упорно не замечает столь удобное приложение. Большинство скидочных карт не получится добавить, но ситуация постепенно меняется в лучшую сторону. Сегодня в России с приложением работают карточки «РОЛЬФ Премиум», «АВТОДОР-Платные дороги», «Адамас» и некоторые другие.

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

Вы можете редактировать все добавленные карты и билеты. Для этого вам нужно выбрать значок «i» напротив необходимой карты или билета. Далее у вас откроется окно, где будут отображены все доступные настройки.

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

Тем, кто хочет изменить порядок карт/билетов в приложении, достаточно нажать на нужную карту и удерживая палец перетащить карту в нужное место. Если у вас несколько устройств, то вы можете синхронизировать данные между ними при помощи iCloud.

Преимущества и недостатки Apple Wallet

Как и любая вещь, сервис Apple Wallet имеет свои преимущества и недостатки. Для начала предлагаем рассмотреть положительные стороны программы:

  • Простота и удобство. Достаточно поднести телефон к терминалу и списание средств будет выполнено.
  • Безопасность. При использовании приложения отсутствует вероятность потерять банковскую или скидочную карту.
  • Многофункциональность. Wallet помимо пластиковых карточек позволяет сохранять билеты на транспорт, в кинотеатр, театр и прочие заведения.
  • Высокий уровень защиты конфиденциальных данных. При совершении оплаты обязательно нужно подтверждать списание через Touch или Face ID. Также контакт смартфона с терминалом минимальный, что значительно снижает вероятность перехвата данных мошенниками.
  • Приложение по умолчанию установлено на Айфоне.

Теперь рассмотрим отрицательные стороны сервиса, которых на самом деле немного:

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

Заметим, что недостатков намного меньше чем преимуществ, поэтому Apple Wallet заслуживает внимания пользователей.

Использование системы

Рассмотрим, какие существуют способы использования приложения для мобильных платежей. После активации карты можно смело начинать пользоваться данной системой, оплачивая покупки в супермаркетах и магазинах. Для этого достаточно поднести свой айфон к терминалу, не открывая приложение Wallet. Телефон автоматически распознает платежное устройство и предложит сделать сканер отпечатка пальца. После того, как пользователь прикоснется своим пальцем к Touch ID, с банковской карты снимутся деньги за соответствующую покупку.

Совершение платежа с помощью Apple Pay

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

Ссылка на основную публикацию
Adblock
detector