У меня есть небольшая проблема с Braintree, которую я не могу понять. У меня есть API, поэтому я смог настроить braintree для генерации моего client_token с помощью моего API, который отлично работает. Я решил создать дроп-ин для начала, чтобы убедиться, что все работает нормально. Я сделал это так:
(function () {
'use strict';
angular.module('piiick-payment').service('paymentService', paymentService);
paymentService.$inject = ['BaseApiService', 'ApiHandler'];
function paymentService(baseApiService, apiHandler) {
var service = angular.merge(new baseApiService('payments'), {
dropIn: dropIn,
});
return service;
//////////////////////////////////////////////////
function dropIn(formId, target) {
return getClientId().then(function (response) {
var client_token = response;
braintree.setup(client_token, 'dropin', {
container: target
});
});
};
function getClientId() {
return apiHandler.get(service.apiPath + '/token');
};
};
})();
Эта служба вызывается внутри директивы:
(function () {
'use strict';
angular.module('piiick-payment').directive('payment', payment);
function payment() {
return {
restrict: 'A',
controller: 'PaymentController',
controllerAs: 'controller',
templateUrl: 'app/payment/payment.html',
bindToController: true
};
};
})();
(function () {
'use strict';
angular.module('piiick-payment').controller('PaymentController', PaymentController);
PaymentController.$inject = ['paymentService'];
function PaymentController(paymentService) {
var self = this;
init();
//////////////////////////////////////////////////
function init() {
createDropIn()
};
function createDropIn() {
paymentService.dropIn('payment-form', 'bt-dropin');
};
};
})();
и html для этого выглядит так:
<form id="payment-form" ng-submit="controller.checkout()" novalidate>
<div class="bt-drop-in-wrapper">
<div id="bt-dropin"></div>
</div>
<div class="form-group">
<label for="amount">Amount</label>
<input class="form-control" id="amount" name="amount" type="tel" min="1" placeholder="Amount" value="10">
</div>
<div class="form-group">
<button class="btn btn-primary" type="submit">Test Transaction</button>
</div>
</form>
<script src="https://js.braintreegateway.com/js/braintree-2.27.0.min.js"></script>
Это генерирует штраф в форме dropin и позволяет мне использовать PayPal для обработки платежа. Проблема в том, что я хочу сделать форму максимально простой, поэтому мой клиент попросил меня использовать Apple Pay/Android Pay. Настройка Apple Pay требует некоторых дополнительных настроек, поэтому я пытаюсь настроить Android Pay, но документация туманна.
Прежде всего, могу ли я использовать дропин с Android Pay или мне нужно делать все это вручную? Если это последнее, есть ли у кого-нибудь примеры этой работы? Я могу просто в JavaScript/jQuery. Переделку могу сделать сам.
Любая помощь будет принята с благодарностью.