贝宝In-Context父页面不重定向

问题描述：

我有同样的问题as this question但他的实现是不同的。贝宝In-Context父页面不重定向

PayPal按钮实现

我实现了它这样的，因为我们需要有paypal button为link的原因。所以我创建了一些像<a ng-click="vm.generatePaypalButtonAndClick()"></a>这样的黑客。只是忽略这些参数，因为这仅仅是一个例子。

function generatePaypalButtonAndClick(data, vm) { 
    var originUrl = window.location.origin; // to get 'https://localhost:3000' or 'https://pp.website.com' 

    // create hidden form element 
    // production - https://www.paypal.com/cgi-bin/webscr 
    var paypalForm = angular.element('<form action="https://www.sandbox.paypal.com/cgi-bin/webscr"' + 
     'method="post" target="_top" id="paypal-payment-form"></form>'); 
    angular.element(document.body).append(paypalForm); 

    // append elements inside the form 
    angular.element('#paypal-payment-form').append('<input type="hidden" name="upload" value="1">'); 
    angular.element('#paypal-payment-form').append('<input type="hidden" name="USER" value="xxxxxxxxxxx.gmail.com">'); 
    angular.element('#paypal-payment-form').append('<input type="hidden" name="PWD" value="xxxxxxxxxx">'); 
    angular.element('#paypal-payment-form').append('<input type="hidden" name="SIGNATURE" value="xxxxxxxxxxxxxxxxxxxxxxxxxx">'); 

    angular.element('#paypal-payment-form').append('<input type="hidden" name="cmd" value="_cart">'); 
    angular.element('#paypal-payment-form').append('<input type="hidden" name="business" value="[email protected]">'); 
    angular.element('#paypal-payment-form').append('<input type="hidden" name="lc" value="US">'); 
    angular.element('#paypal-payment-form').append('<input type="hidden" name="return" value="' + originUrl + vm.returnUrl + '">'); 
    angular.element('#paypal-payment-form').append('<input type="hidden" name="cancel_return" value="' + originUrl + vm.cancelUrl + '">'); 

    // loop through all data returned 
    _(data).forEach(function(value, key) { 
     var idx = key + 1; 
     angular.element('#paypal-payment-form').append('<input type="hidden" name="item_name_' + idx + '" value="' + value.itemName + '">'); 
     angular.element('#paypal-payment-form').append('<input type="hidden" name="item_number_' + idx + '" value="' + value.quantity + '">'); 
     angular.element('#paypal-payment-form').append('<input type="hidden" name="amount_' + idx + '" value="' + value.amount +'">'); 
    }); 

    angular.element('#paypal-payment-form').append('<input type="hidden" name="custom" value="xxxxxxxxxxxxx">'); 
    angular.element('#paypal-payment-form').append('<input type="hidden" name="currency_code" value="USD">'); 
    angular.element('#paypal-payment-form').append('<input type="hidden" name="no_note" value="1">'); 
    angular.element('#paypal-payment-form').append('<input type="hidden" name="no_shipping" value="1">'); 
    angular.element('#paypal-payment-form').append('<input type="hidden" name="rm" value="2">'); 

    // let paypal create the button 
    window.paypalCheckoutReady = function() { 
     paypal.checkout.setup('xxxxxxxxxxxxxxxxxx', { 
      environment: 'sandbox', // sandbox/production 
      container: 'paypal-payment-form' 
     }); 
    }; 

    // trigger click 
    $timeout(function() { 
     var paypalFormToClick = document.getElementsByClassName('paypal-button-content'); 
     angular.element('.paypal-button-content').click(); 

    }, 1000); 

    // remove form 
    $timeout(function() { 
     angular.element('#paypal-payment-form').remove(); 
    }, 1000); 
}

支付完成后，我期待父页面将被重定向到vm.returnUrl设置的URL（比方说http://localhost:3000/payments/paid）。

付款后，会发生什么情况，pop-up贝宝页被重定向，然后关闭。父页面保持原样。

我已经尝试添加脚本到在this answer

<script> 
    top.window.opener.location = 'http://localhost:3000/payments/paid'; 
    // if you want to close the window 
    window.close(); 
</script>

态，但它不工作，用户应重定向的页面。我还弄了一堆错误时，弹出关闭：

checkout.js:9315 ppxo_xc_ppcheckout_unexpected_listener_init 
checkout.js:9315 ppxo_xc_ppcheckout_error 
checkout.js:9315 ppxo_paypal_legacy_error 
     "Error: Unexpected init message from domain http://localhost:3000 --  expected message from https://www.sandbox.paypal.com 
checkout.js:9315 ppxo_paypal_legacy_error_handler 
     "Error: Unexpected init message from domain http://localhost:3000 -- expected message from https://www.sandbox.paypal.com 
checkout.js:3919 
     Uncaught Error: Unexpected init message from domain http://localhost:3000 -- expected message from https://www.sandbox.paypal.com

我已经在贝宝设置中设置Auto Redirect到On。

随意指出需要额外的数据。

答

我只是做了一个黑客绕过这个，但它很脏。我在路由文件中添加了一个脚本。

resolve: { 
    // script for redirecting parent page after success payment 
    test: [function() { 
      var originUrl = window.location.origin; 
      if (window.opener) { // check if opened in popup 
       window.close(); 
       window.opener.location = originUrl + '/payments/paid'; 
      } 
     }, 
    ], 
},

弹出窗口仍将打开/payments/paid页那么，一旦关闭重定向父页面。

贝宝In-Context父页面不重定向

相关推荐