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

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

Как выполнить Apple Pay в приложении IOS? Позвольте мне объяснить вам в статье.

Зачем вам нужно использовать Apple Pay?

Apple Pay — основной сервис на рынке платежей кредитными картами. Если вы его интегрируете, то увидите, насколько лояльными могут быть ваши клиенты. Apple Pay — действительно идеальный и простой способ оплаты.

Вы знаете выручку Apple в 2019 году? Отчеты за третий квартал говорят, что это почти 54 миллиарда долларов! Это лучшая причина для вас, чтобы принять решение. И еще несколько ниже:

  1. Apple Pay является стандартным. На сегодняшний день 90% всех бесконтактных платежей в США осуществляются с помощью этой функции.
  2. В 2019 году с помощью этого платежного метода было совершено около 10 миллиардов бесконтактных платежей.
  3. Apple Pay используют 253 миллиона человек.

Прибыль для ваших пользователей

  1. Безопасность будет гарантирована. Знаете ли вы, что 50% пользователей заботятся о надежности сервиса и сохранности своих личных данных? Это отличный повод интегрировать Apple Pay в свое приложение! Apple Pay использует уникальный номер и код устройства, поэтому его практически невозможно скопировать.

  2. Вы позаботитесь о UX. Я уверен, что плавная оплата в один клик намного лучше, чем пустой текстовый ввод для ввода данных кредитной карты. Особенно, когда есть необходимость сохранить его на сайте, чтобы в следующий раз перейти к оплате в один клик. В 2019 году важно внедрить лучшие функции даже в свой MVP. Потому что ожидания пользователей стали выше.

Никому не нравится вводить данные кредитной карты в пустые текстовые поля и сохранять данные на веб-сайте. Apple pay — это простая оплата в один клик, благодаря чему удовлетворенность ваших клиентов мгновенно возрастет.

Apple Pay мем.jpg

Руководство по фактической интеграции Apple Pay в ваше приложение

1. Создайте учетную запись, чтобы включить Apple Pay в своем мобильном приложении. Следуйте официальным шагам установки:
официальная документация
1.png
2. Затем настройте свой сервер, не забыв предварительно ознакомиться с официальными требованиями по адресу: официальная документация

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

``   
ssl_stapling on;
   ssl_stapling_verify on;

   ssl_protocols TLSv1.2;
   #ssl_ciphers ECDHE-RSA-AES256-GCM-SHA512:DHE-RSA-AES256-GCM-SHA512:ECDHE-RSA-AES256-GCM-SHA384:DHE-RSA-AES256-GCM-SHA384:ECDHE-RSA-AES256-SHA384;
   ssl_ciphers 'ECDHE-RSA-AES128-GCM-SHA256:ECDHE-ECDSA-AES128-GCM-SHA256:ECDHE-RSA-AES256-GCM-SHA384:ECDHE-ECDSA-AES256-GCM-SHA384:DHE-RSA-AES128-GCM-SHA256:DHE-DSS-AES128-GCM-SHA256:kEDH+AESGCM:ECDHE-RSA-AES128-SHA256:ECDHE-ECDSA-AES128-SHA256:ECDHE-RSA-AES128-SHA:ECDHE-ECDSA-AES128-SHA:ECDHE-RSA-AES256-SHA384:ECDHE-ECDSA-AES256-SHA384:ECDHE-RSA-AES256-SHA:ECDHE-ECDSA-AES256-SHA:DHE-RSA-AES128-SHA256:DHE-RSA-AES128-SHA:DHE-DSS-AES128-SHA256:DHE-RSA-AES256-SHA256:DHE-DSS-AES256-SHA:DHE-RSA-AES256-SHA:!aNULL:!eNULL:!EXPORT:!DES:!RC4:!3DES:!MD5:!PSK';
   ssl_prefer_server_ciphers on;
   #ssl_dhparam /etc/nginx/dhparams.pem;
   ssl_dhparam /home/forge/dhparam/dhparam.pem;
``

3. Далее вам нужно настроить рабочую среду. Как всегда, сначала проверьте официальные требования. официальная документация
3.png
4. Вот пример того, как добавить кнопку оплаты Apple Pay.

<div class="item" v-if="(window.ApplePaySession && window.ApplePaySession.canMakePayments())">
   <input class="apple-pay" type="submit" @click="sendCreateOrderRequest" value="" style="-webkit-appearance: -apple-pay-button; width: 100%;height: 40px;
-apple-pay-button-type: plain;
-apple-pay-button-style: black;"
   >
</div>

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

	a.Open Keychain Access on your Mac (located in Applications/Utilities).
    
	b.Open Preferences and click Certificates. Make sure both the Online 	Certificate Status Protocol and Certificate Revocation List are set to Off.
    
	c.Choose Keychain Access > Certificate Assistant > Request a Certificate Authority. N.b. If you have your private key selected when you do this, the CSR won’t be accepted. Make sure you do not have a private key selected. Next enter your user email address and user name. Use the same address and name that you used to register in the iOS Developer Program. A CA Email Address is required.
    
	d.Select the option “Save to disk” and “Let me specify key pair information” and click Continue.
    
	e.Specify a file name and click Save.

6. После входа в систему вы можете зарегистрировать свою учетную запись Apple Pay Developer по адресу: Официальный сайт
7. Перейдите в меню «Сертификаты, идентификаторы и профили».
изображение3.png
8. Нажмите на кнопку «Добавить новый сертификат».
изображение2.png
9. Затем выберите вариант Сертификат удостоверения продавца Apple Pay.
изображение8.png
10. Теперь выберите нужного Торговца из списка доступных на данный момент.
изображение1.png
11. Перейдите в меню «Идентификаторы» и отфильтруйте по идентификаторам продавца.
изображение11.png
12. Выберите созданного ранее Торговца.
13. Затем создайте сертификат обработки платежей Apple Pay.
изображение4.png
14. После создания сертификата вам нужно будет загрузить расширение .csr, которое представляет собой зашифрованный файл ECC. Этот файл мы получаем из нашей платежной системы (в нашем примере мы работаем с банком, поэтому скрин сделан там)
изображение6.png
15. Добавьте и подтвердите домен, следуя инструкциям на экране. Будьте внимательны каждый раз, когда вы продлеваете SSL-сертификат, так как вам нужно будет каждый раз подтверждать домен.
изображение5.png
16. Если вы пропустили шаг 5, вернитесь и посмотрите, как создать certSigninRequest.certSigninRequest. Если вы еще не создали его, сейчас самое время использовать шифрование RSA:2048.

17. Скачайте ранее созданный certSigninRequest.certSigninRequest а затем загрузитеmerger_id.cer.

18. Импорт получен мерчант_идентификатор.cer в Брелок (необходимо экспортировать файл в .p12).

19. В категории Сертификаты в Брелок вам нужно экспортировать сертификат, используя формат .p12.

20. Создать мерчантититисерт из полученного файла с помощью команды ниже:
«`
openssl pkcs12 -in your_cert_name.p12 -out you_key_cert_name.pem -clcerts

**21.** Enter the password that was entered during export **merchant_id.cer** in **.p12**.
**22.** Enter **Enter PEM pass phrase** - this will be the key to the generated **merchantIdentityCert**.
**23.** Put the generated **merchantIdentityCert** in project’s folder.
**24.** Use **merchantIdentityCert** in the body of the request for validation Apple Pay Session.
**25.** Example of the request:
  ```
$response = $client->post($request->appleValidationUrl, [
   'body' => json_encode([
   	   'merchantIdentifier' => $request->appleMerchantId,
    	   'displayName' => $request->displayName,
      	   'initiative' => 'web',
               'initiativeContext' => 'name of your api'
   ]),
   'curl' => array(
       CURLOPT_SSLVERSION => CURL_SSLVERSION_TLSv1_2,
       CURLOPT_SSLCERT => public_path(path_to_merchant_identity_cert.pem),
       CURLOPT_SSLKEYPASSWD =>’your_pem_passphrase’,
       CURLOPT_SSLKEY => public_path(path_to_merchant_identity_cert.pem'),
   ),
]);

где мы видим:
appleValidationUrl — это url, который получается при звонке событие onvalidatemerchant
appleMerchantId — это идентификатор продавца в Apple Pay
показать имя — это имя продавца.
26. Используйте ответ для завершения проверки продавца. Взглянем:
изображение9.png
27. Создайте кнопку Apple Pay в соответствии с требованиями на этой странице: в разделе «Отображение кнопки Apple Pay»
28. Список кодов в Apple Pay с использованием API запроса платежа

sendCreateOrderRequest: async function () {
       if (!window.PaymentRequest)
           return;
       const applePayMethod = {
           supportedMethods: ["
           data: {
               version: 3,
               merchantIdentifier: "your_merchant_identifier",
               merchantCapabilities: ["supports3DS", "supportsCredit", "supportsDebit"],
               supportedNetworks: ["mastercard", "visa"],
               countryCode: "put there your country code",
               currencyCode: "put there code of currency you will use",
               domainName: "your_domain_name"
           },
       };
       const paymentDetails = {
           total: {
               label: this.product.name,
               type: "final",
               amount: {value: th
       };
       const request = new PaymentRequest([applePayMethod], paymentDetails);
       request.onmerchantvalidation = function(event) {
           console.log(event);
           var data = JSON.stringify(
               {
                   appleValidationUrl: event.validationURL,
                   appleMerchantId:"your_merchant_identifier",
                   displayName: "your_merchant_name"
               });
           fetch("url_to_validate_merchant", {
               body: data,
               headers: {'content-type': 'application/json'},
               method: "POST",
           }).then(response => {
               event.complete(response.json())
           });
       };
       const response = await request.show();
       response.complete('success');

   },
}

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

Первоначально это было размещено здесь: скорость нагрузки

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *