2017-05-04 125 views
0

后,我加入快速结帐按钮,我的网页和设置服务器端程序与客户端代码:PayPal快速结帐重载页面付款

<script src="https://www.paypalobjects.com/api/checkout.js"></script> 
<script> 
    var CREATE_PAYMENT_URL = "<create_payment_url>"; 
    var EXECUTE_PAYMENT_URL = "<execute_payment_url>"; 

    paypal.Button.render({ 
     env: "sandbox", 
     payment: function (resolve, reject) { 
      return paypal.request.post(CREATE_PAYMENT_URL) 
       .then(function (data) { 
        resolve(data.id); 
       }) 
       .catch(function (err) { 
        reject(err); 
       }); 
     }, 
     onAuthorize: function (data) { 
      return paypal.request.post(EXECUTE_PAYMENT_URL, { paymentID: data.paymentID, payerID: data.payerID }) 
       .then(function (data) { 
        document.querySelector('#paypal-button').innerText = 'Payment Complete!'; 
        console.log("Success", data); 
       }) 
       .catch(function (err) { 
        console.log("Error", err); 
       }); 
     } 
    }, "#paypal-button"); 
</script> 

我使用服务器端.NET SDK创建通过和支付过程通用的处理程序和它的工作正常,但在支付执行被调用后,整个页面被重新加载。

我想通过执行监听器处理结果/错误 - 使用.then()和.catch()方法定义的paypal.request.post(EXECUTE_PAYMENT_URL,...)回调函数。

对于PayPal的交互式演示https://developer.paypal.com/demo/checkout/#/pattern/server侦听器按预期工作。

感谢您的建议。

+0

您是否看到任何控制台错误?这不应该重定向或重新加载页面。 – bluepnume

+0

不,我不知道。但是,当我在CREATE_PAYMENT_URL脚本中使用正确的redirect_urls时,其行为与预期相同。详细内容在我对这个问题的回答。 –

回答

0

问题是我在创建支付处理程序(CREATE_PAYMENT_URL)中使用了默认的redirect_urls,因为我不需要它们 - 响应由JavaScript监听器处理。但redirect_urls是Payment对象的必需参数。但是,似乎这些重定向和取消网址并不需要是正确的,只有服务器端口应该响应。

我的服务器端代码如下所示:

Dictionary<string, string> config = ConfigManager.Instance.GetProperties(); 
string accessToken = new OAuthTokenCredential(config).GetAccessToken(); 
APIContext apiContext = new APIContext(accessToken); 
Payer payer = new Payer() 
{ 
    payment_method = "paypal" 
}; 
RedirectUrls redirUrls = new RedirectUrls() 
{ 
    cancel_url = "http://localhost:<correct_port>/some_cancel.ashx", 
    return_url = "http://localhost:<correct_port>/some_return.ashx" 
}; 
ItemList itemList = new ItemList() 
{ 
    items = new List<Item>() { 
    // Some items 
} 
}; 
Amount amount = new Amount() 
{ 
    currency = "EUR", 
    total = "##.##", 
}; 
List<Transaction> transList = new List<Transaction>() 
{ 
    new Transaction() { 
     amount=amount, 
     description="Desc...", 
     invoice_number="#####", 
     item_list=itemList 
    } 
}; 
Payment payment = new Payment() 
{ 
    intent = "sale", 
    payer = payer, 
    transactions = transList, 
    redirect_urls = redirUrls 
}; 
Payment createdPayment = payment.Create(apiContext); 
context.Response.Write(/*<Serialized response>*/); 

还有我想问一个问题。当我通过沙箱买家Paypal帐户登录时,我无法更改付款方式,只有Paypal余额可用。但是,当我尝试演示(https://developer.paypal.com/demo/checkout/#/pattern/server)时,可以将付款方式更改为绑定到Paypal中这些帐户的信用卡。我为这两个测试使用相同的沙箱帐户。

谢谢。