JSアプリケーション内でのBraintreeインテグレーション

Question

私はbraintreeの支払いページとの統合を行っており、同じものに対して「ドロップイン」を使用することに決めました。しかし、ページを読み込もうとすると、ブレーンツリーサンドボックスのWebサイトにネットワークコールが送信されるのがわかりますが、ドロップインUIは読み込まれません。コンソールにもエラーはありません。ここで

は私のコードです -

function invokeBraintree(clientToken, amount){ 
     var el = angular.element("<form id='btform'><div id='bt-dropin'></div></form>"); 
     $document.find("body").append(el); 
     var options = { 
      onPaymentMethodReceived: function(payload) { 
       console.log(payload); // yay 
      }, 
      container: 'bt-dropin', 
      enableCORS: true 
     } 

     braintreeWeb.setup(clientToken, 'dropin', options) 
    } 

すべてのヘルプは高く評価されます。私が観察

編集

一つは、コールが応答の下に戻るhttps://api.sandbox.braintreegateway.com/merchants/zn7trnkh3vqfp59n/client_api/v1/payment_methodsに行われている、です。

/**/callback_jsonfbd58acc926e4afeb6fc4809d4369a99({"paymentMethods":[],"status":200}) 

空の支払い方法を返す理由がわからないのは、それが問題だと思われます。

Answer 1

は、どうやらそれは私のブレーントリーアカウントの問題であることが判明しました。私はサンドボックスアカウントを持っていて、PayPalはデフォルトでサンドボックスアカウントで有効になっていませんでした。また、手動で行う方法はありません。

私はBraintreeのサポートに連絡してくれました。その後、すべてが機能し始めました。

Answer 2

私が見る問題の一つは、単に以下にしてみてください、あなたはonPaymentMethodReceived機能であなたのビューを更新していないということです。

var options = { 
    onPaymentMethodReceived = function(payload){ 
     $scope.$apply(function(){ 
      console.log(payload); 
     }); 
    }, 
    ... 
}