Как скидочную карту сделать в телефоне айфон
Обновлено: 04.07.2024
Если воспользоваться виртуальной картой, вы получите следующие преимущества:
- накопите баллы за покупки;
- расплатитесь ими на кассе.
Во время разных акций можно получить больше баллов, а следовательно, и рассчитывать на ощутимую скидку. После установки приложений и добавления в него карты вы будете пользоваться ей как обычной. Надо только приложить смартфон к магазинному терминалу, а не предъявлять пластик.
Если вы хотите добавить карточку в ваше приложение, вшитое в гаджет, для начала придется установить другое приложение, уже от магазина. Это не совсем удобно, но другого варианта нет; позже вы перенесете информацию в нужный раздел.
Установите его на iPhone, введите номер своей существующей карты или выпустите виртуальную. В первом случае соблюдайте инструкцию:
Если вы хотите получить виртуальный вариант, чтобы перенести его в Wallet, придерживайтесь порядка действий:
- зайдите в программу;
- укажите, что хотите выпустить карточку;
- заполните открывшиеся поля.
На что обратить внимание
- Вы можете копить баллы с помощью Wallet, а перед списанием установить приложение, выпущенное супермаркетом.
- Получите пластик, просто берите его с собой, когда планируете расплатиться бонусами.
Похожим образом вы добавите и остальные карточки от магазинов-конкурентов.
Что такое Wallet? Он позволяет держать в телефоне различного вида карты (билеты, скидочные карты и т.п.), облегчая жизнь пользователям продукта. Более того, есть возможность актуализировать информацию о карте посредством push-уведомлений, но это тема для отдельной статьи. Но если у вас есть карта/билет/абонемент, которые можно интегрировать в телефон, то для этого есть решение! Как это сделать – читайте ниже.
Как правило, за создание карты отвечает ваш сервер. Приложение получает карту в виде .pkpass файла и уже через приложение пользователь может добавить карту в Wallet.
Структура карты
Что же представляет собой карта с точки зрения разработчика? Карта – это архив с расширением .pkpass. Он содержит в себе все данные, необходиимые для отображения и работы карты. Содержимое архива – в таблице ниже.
| Файл | Назначение |
|---|---|
| background.jpg | Фоновая картинка для карты. |
| footer.jpg | Картинка рядом со штрихкодом |
| icon.jpg | Иконка для уведомлений и писем |
| logo.jpg | Логотип карточки. Отображается слева сверху |
| manifest.json | Реестр всех включанымх файлов |
| signature | PKCS7 подпись |
| pass.json | Внешний вид и информация на карте |
| strip.jpg | Картинка, находящаяся сзади основного описания карточки |
| thumbnail.jpg | Дополнительная картинка (уточнить) |
Существуют следующие типы карт:
- Посадочный билет: на самолет или поезд. Обычно купон работает на одну поездку;
- Купон: для купонов и специальных предложений;
- Билет на событие: может работать как для одного события, так и для целого сезона;
- Скидочная карта: карты лояльности, скидочные или подарочные карты;
- Карта общего вида: если ничего из вышеперечисленного не подходит под ваш случай: например, карта для поездок на метро или пропуск в спортзал.
Рассмотрим схематично внешний вид разных карт. Картинки лучше называть так, как это указано в таблице выше.
Посадочный билет
Купон
Билет на событие
Общая карта
Скидочная карта
Теперь обо всем подробнее.
Обязательные поля
| description | String. Локализуемое | Краткое описание карты. Локализуемое. |
| formatVersion | Int | Версия формата файла. Значение должно быть 1. |
| String. Локализуемое | Название организации, которая выдает карты. | |
| String | Pass Type ID и кабинете разработчика. | |
| String | Серийный номер отдельной карты | |
| String | Team ID команды разработчика |
Ключи для связанных приложений
| [Int] | Опционально. ID приложений, ассоциированных с картой. Берется всегда первое, совместимое с текущим устройством. |
| String | URL, который передается в приложение при открытии |
Ключи стиля
| [JSON] | Основная информация о карте. |
| [JSON] | Второстепенная информация. |
| [JSON] | Поля для дополнительной информации. Опциональное |
| [JSON] | Заголовок карты. Отображается даже в том случае, когда карты видны списком. |
| [JSON] | Основная информация о карте. |
| String | Тип транспорта для карт-билетов. Может принимать следующие значения: PKTransitTypeAir, PKTransitTypeBoat, PKTransitTypeBu`, PKTransitTypeGeneric, `PKTransitTypeTrain`. |
| [JSON] | Массив полей, отвечающий за обратную сторону карты |
JSON в данном случае имеет следующий вид:
Значение по ключу value может быть как числовым, так и строковым. Однако currencyCode вместе со строковым значением использовать не получится. Что касается auxiliaryFields и secondaryFields, их может быть несколько, и стоит следить за длиной строк, которые в них используются.
Ключи визуального оформления
Баркод
Самая важная часть карты. В него зашивают идентификационный номер карты (например, номер физической карты или номер билета). Важно чтобы сканер или любой другой инструмент умели считывать коды в нужной кодировке.
Локация
Эти ключи отвечают за локацию, в пределах которой карта может быть использована.
| String | Опциональный текст, отображаемый рядом с баркодом в том случае, если баркод не считывается. |
| Долгота | Широта |
| Double | Широта |
| String | Опциональный текст, который отображается на экране блокировки в тот момент, когда пользователь входит в радиус действия карты. |
Оборотная сторона
На оборотной информационной части можно разместить дополнительную информацию: условия использования, политику автообновления, контактные данные и ссылку на приложение, к которому относится карта. На рисунке представлено соответствие полей в pass.json и внешнего вида обратной стороны карты. Если в value-поле есть ссылки, номера телефона и т.п., они подсветятся автоматически.
Итак, картинки готовы, pass.json сформирован, осталось собрать все это вместе. Для этого заполним manifest.json (см. таблицу 1), куда необходимо включить все картинки и pass.json. Получается примерно так:
С этого момента менять ничего не нужно, поскольку SHA будет некорректным, в случае изменений необходимо сгенерировать SHA заново.
Далее нужно создать Pass Type ID в кабинете разработчика и сделать для него сертификат. Процедура должна быть более-менее знакомая, если ранее вы создавали, например, Provisioning профили.
Далее заходим в ключницу (Keychain) и экспортируем оттуда Apple Worldwide Developer Relation Certificate (WWDR) как .pem.
Оттуда же экспортируем созданный Pass Type ID как .p12. На этом этапе ключница попросит вас ввести пароль для сертификата. При этом пароль вводить необязательно.
Обратите внимание, что все дальнейшие действия надо производить в одной папке, где уже должны лежать manifest.json, pass.json и картинки.
Теперь необходимо сгенерировать подпись, которой будем подписывать архив. Для начала экспортируем Pass Type ID и ключ к нему как .pem.
Теперь мы готовы к генерации подписи. Сделаем это командой:
Итак, у нас все готово, осталось только собрать архив, делаем это командой:
Обращаю внимание, что тут должны быть перечислены все файлы, в которые вы хотите включить архив данных для карты(.pkpass).
В итоге мы получим .pkpass файл, который можно открывать на компьютере. Мы увидим превью карты, внешний вид которой может отличаться от вида на телефоне.
Все это можно сделать чуть проще. Apple предоставляет утилиту signpass (Apple Wallet sample meterials), которая берет на себя все подсчеты SHA (файл manifest.json можно не делать самостоятельно) и работу по созданию подписей. Чтобы ей воспользоваться, нужно собрать проект и поместить файл signpass в папку со всеми необходимыми ресурсами.
В целом структура должна выглядеть примерно так:
Далее выполняем команду:
Wallet — это название папки, в которой лежат все ресурсы. На выходе получаем файл wallet.pkpass. Его содержимое можно посмотреть, разархивировав wallet.pkpass.
Не исключено, что создание pkpass будет вынесено на бэкенд, в таком случае надо будет передать разработчикам WWDR, сертификат для Pass Type ID в виде .p12 и пароль от него.
Для того чтобы приложение имело возможность добавлять карты в Wallet, необходимо включить эту возможность в App ID и также включить эту возможность в Capabilities в проекте.
Добавление карты
Добавлять карты очень просто:
Однако, опять же, чаще .pkpass файл надо будет скачивать с вашего сервера.
Стоит отметить, что PassKit выдает довольно читаемые ошибки, поэтому можно легко понять, что именно было сделано не так.
Получение информации о добавленных картах
Чтобы получить информацию о картах, имеющихся в Wallet и относящихся к вашему приложению, необходимо обратиться к объекту PKPassLibrary.
Таким образом, можно понять, добавлена карта или нет, а также обновить интерфейс. Кроме того, через PKPassLibrary карты можно обновлять и удалять. Обновлять карты можно и через веб-сервисы, но в этой статье мы не будем рассматривать такой вариант.
Поскольку в вашем сервисе, как правило карта привязана к аккаунту, в приложении скорее всего придется как-то определять принадлежность карты к текущему пользователю. Предлагаю делать это через serialNumber . Например, задавать в качестве serialNumber id пользователя или номер карты.
В статье был рассмотрен процесс создания и дизайна карты, а также процесс интеграции c приложением и проблем, которые могут возникнуть. Я намерено не касался вопросов интеграции с веб-сервисами и обновления карт, и надеюсь сделать это в следующей статье.
Пятерка бесплатных и неповторимых помощников:
Stocard
С недавних пор разработчики дополнительно позаботились о виджете (iOS 11+) и позволяют вывести на экран мгновенного доступа 5 карт, которые постоянно или частенько используются. Вроде бы, мелочь, но экономия времени потрясает воображение!
Кошелёк
Интеграция в операционную систему, как и у Stocard полная – тут уже знакомый виджет и поиск по названию через Spotlight.
По части доступных для добавления карт тоже полный порядок – основным магазинам, ресторанам, развлекательным клубам, торговым центрам и розничным точкам продаж нашлось местечко, а, значит, кошелек уже никогда не будет до отказа набит пластиком, который уже не разобрать.
Из недостатков – нечастые, но случающиеся неполадки технического характера, из-за чего не отображаются некоторые данные или же перестает загружаться часть интерфейса.
CardParking
Техническая поддержка на высоком уровне – не работающие элементы исправляются, не достающие – появляются.
CARDVED
Универсальная визитница, скрещенная с хранилищем карт и бонусных предложений от автосервисов, продуктовых магазинов, кафе, ресторанов и крупнейших торговых центров, доступных по всей стране.
Интерфейс – органичный и наглядный, регистрация не нужна (но при желании зарегистрировать новый профиль никто не запрещает), а порядок необходимых действий подробно описан в инструкции.
Большинство пользователей iPhone добавляют в Apple Pay всего одну карту, но при желании можно добавить несколько кредитных или дебетовых карт. Это удобно, если вы пользуетесь сразу несколькими картами для различных покупок или просто хотите иметь запасной вариант.
Добавлять новые карты очень легко, дальше мы объясним, как это делается. Данные карт можно вводить вручную или с помощью камеры.
Как добавить новую карточку в Apple Pay на iPhone
Вам понадобится iPhone с поддержкой Apple Pay (которая есть у всех современных моделей) и кредитная/дебетовая карта, совместимая с Apple Pay. Карта должна быть поблизости, поскольку процесс включает добавление её номера.
- Зайдите в Настройки.
- Перейдите в секцию Wallet и Apple Pay.
Вы вернётесь обратно в Настройки и найдёте в списке добавленную карту. Этот же процесс можно повторить и с другими картами, которые вы хотите добавить в Apple Pay.
Пользователи Mac могут включить опцию Возможность оплаты на Mac, чтобы быстро оплачивать покупки с компьютера.
Если вы добавили несколько карт, лучше всего выбрать одну основную в Параметрах оплаты по умолчанию. Если у вас есть Apple Watch, вы можете настроить Apple Pay и на них через приложение iPhone.
Возможно, на количество карт есть лимит, но вряд ли вы его достигните. Добавленные карты можно и удалить, если вы перестанете ими пользоваться.
Apple Pay – очень удобная функция, особенно для онлайн-шопинга. Её можно использовать с помощью кнопки Home, что значительно ускоряет процесс оплаты.
Если вы всё ещё не настроили Apple Pay на своём iPhone, то стоит это сделать, даже если вы не покупаете вещи онлайн. Всегда хорошо иметь запасной вариант, если вы вдруг забудете дома карточку или кошелёк. В таком случае Apple Pay всегда придёт на помощь.
Читайте также: