Разработка
Maksym Babych
608

Инструкция по подключению Apple Pay в мобильное приложение

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

В закладки

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

Почему вы должны интегрировать Apple Pay?

Как отмечалось выше, Apple Pay является лидером на рынке платежей по кредитным картам. Это простой способ совершать онлайн-платежи одним касанием, простота которого помогает повысить уровень удовлетворенности ваших клиентов. Особенно, если мы поговорим о вашем MVP.

В третьем квартале 2019 года Apple сообщила о рекордной прибыли почти в 54 миллиарда долларов. На данный момент 90% всех бесконтактных платежей в США производится Apple.

  • Обычно он интегрирован в приложения. Только в 2019 году с помощью Apple Pay было осуществлено 10 миллиардов бесконтактных платежей.
  • Он популярен, так как этот способ оплаты уже используют более 253 миллионов человек.

Преимущества для ваших клиентов

  • Гарантированная безопасность. Согласно статистике, 50% пользователей обеспокоены безопасностью своих личных данных, что является хорошей причиной для настройки Apple Pay! Он использует специфические для устройства номера и коды, что означает, что его практически невозможно скопировать.
  • Это поможет вам создать простой и быстрый пользовательский интерфейс для ваших клиентов. Плавная платежная транзакция в один клик намного лучше, чем пустой текстовый ввод для ввода данных кредитной карты. Особенно, когда вам необходимо сохранить свои данные на веб-сайте, чтобы получить возврат в один клик. В 2019 году крайне важно, чтобы вы внедряли лучшие функции даже на этапе MVP, поскольку ожидания пользователей намного выше в наши дни.

Как интегрировать Apple Pay в мое приложение?

Я использовал платформу React Native. Общий рабочий процесс для реализации Apple Pay выглядит следующим образом:

  • Создайте аккаунт продавца.
  • Настройте конфигурацию Apple Pay для проекта в своем Xcode.
  • Перейдите в iTunes Connection. Там вам нужно будет создать песочницу пользователя.
  • Добавьте тестовую карту.
  • Создайте тестовый запрос для оплаты.
  • Обработайте результат.

Однако детали немного сложнее.

Ниже мы рассмотрим шаг за шагом, как настроить Apple Pay:

  1. Завести аккаунт. Чтобы включить Apple Pay в своем мобильном приложении, необходимо соблюдать официальные требования Apple по адресу: https://developer.apple.com/documentation/passkit/apple_pay/setting_up_apple_pay_requirements/

2. Затем настройте свой сервер, не забудьте предварительно ознакомиться с официальными требованиями по адресу: https://developer.apple.com/documentation/apple_pay_on_the_web/setting_up_your_server

3. В файле конфигурации сервера вам нужно будет добавить один из возможных Cipher Suite, упомянутых выше. Посмотрите на наш пример конфигурации для nginx.

4. Далее вам нужно настроить свою рабочую среду. Как всегда, сначала проверьте официальные требования. https://developer.apple.com/documentation/apple_pay_on_the_web/configuring_your_environment

5. Вот пример того, как добавить кнопку оплаты Apple Pay.

С помощью директивы v-if вы можете проверить, успешно ли вы установили сеансы Apple Pay, и могут ли теперь пользователи совершать платежи с помощью Apple Pay.

Резюме

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

Материал опубликован пользователем.
Нажмите кнопку «Написать», чтобы поделиться мнением или рассказать о своём проекте.

Написать
{ "author_name": "Maksym Babych", "author_type": "self", "tags": [], "comments": 1, "likes": -1, "favorites": 7, "is_advertisement": false, "subsite_label": "dev", "id": 80706, "is_wide": true, "is_ugc": true, "date": "Tue, 27 Aug 2019 12:13:10 +0300", "is_special": false }
0
{ "id": 80706, "author_id": 339524, "diff_limit": 1000, "urls": {"diff":"\/comments\/80706\/get","add":"\/comments\/80706\/add","edit":"\/comments\/edit","remove":"\/admin\/comments\/remove","pin":"\/admin\/comments\/pin","get4edit":"\/comments\/get4edit","complain":"\/comments\/complain","load_more":"\/comments\/loading\/80706"}, "attach_limit": 2, "max_comment_text_length": 5000, "subsite_id": 235819, "last_count_and_date": null }
1 комментарий
Популярные
По порядку
0

Те, кто не осилил документацию разработчика, идут на VC и получают ссылки на документацию разработчика

Ответить
{ "page_type": "article" }

Прямой эфир

[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox_method": "createAdaptive", "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fizc" } } }, { "id": 4, "label": "Article Branding", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "cfovx", "p2": "glug" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "bscsh", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "createAdaptive", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-223676-0", "render_to": "inpage_VI-223676-0-1104503429", "adfox_url": "//ads.adfox.ru/228129/getCode?pp=h&ps=bugf&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid10=&puid21=&puid22=&puid31=&puid32=&puid33=&fmt=1&dl={REFERER}&pr=" } }, { "id": 15, "label": "Баннер в ленте на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byudx", "p2": "ftjf" } } }, { "id": 16, "label": "Кнопка в шапке мобайл", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byzqf", "p2": "ftwx" } } }, { "id": 17, "label": "Stratum Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvb" } } }, { "id": 18, "label": "Stratum Mobile", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvc" } } }, { "id": 19, "disable": true, "label": "Тизер на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "p1": "cbltd", "p2": "gazs" } } } ] { "page_type": "default" }