PayPal Express Checkout.js - Checkout.js 中未定义的 indexOf

Question

我正在尝试使用他们的 checkout.js 和此处提供的说明集成 PayPal Express Checkout：https://developer.paypal.com/docs/integration/direct/express-checkout/integration-jsv4/advanced-integration/

每当我单击“PayPal”按钮时，我都会收到来自 checkout.js 脚本的未定义的 indexOf 错误。我确实很快得到了模态弹出窗口，然后消失了。

TypeError: Cannot read property 'indexOf' of undefined
    at Object.onSuccess (https://www.paypalobjects.com/api/checkout.js:11449:30)
    at _loop2 (https://www.paypalobjects.com/api/checkout.js:1670:62)
    at SyncPromise.dispatch (https://www.paypalobjects.com/api/checkout.js:1700:29)
    at SyncPromise.then (https://www.paypalobjects.com/api/checkout.js:1718:18)
    at Component.buildUrl (https://www.paypalobjects.com/api/checkout.js:11448:40)
    at Object.onSuccess (https://www.paypalobjects.com/api/checkout.js:8770:57)
    at _loop2 (https://www.paypalobjects.com/api/checkout.js:1670:62)
    at SyncPromise.dispatch (https://www.paypalobjects.com/api/checkout.js:1700:29)
    at SyncPromise.then (https://www.paypalobjects.com/api/checkout.js:1718:18)
    at Function.syncPromiseTry [as try] (https://www.paypalobjects.com/api/checkout.js:1763:42)"

它引用的行在 checkout.js 中：

return props.payment().then(function(token) {
    if (token.indexOf("BA-") === 0) {

我使用的代码直接来自 PayPal 的文档：

        paypal.Button.render({
            env: 'sandbox', // Specify 'sandbox' for the test environment
            payment: function() {
                var CREATE_PAYMENT_URL = '/api/checkout/create-express-payment';
                paypal.request.post(CREATE_PAYMENT_URL)
                    .then(function(data) {
                        console.log('Payment ID: ', data.paymentId);
                        resolve(data.paymentId);
                    })
                    .catch(function(err) {
                        reject(err);
                    });
            },

            onAuthorize: function(data, actions) {
                // Execute the payment here, when the buyer approves the transaction
            }

        }, '#paypal-button');

我可以确认 data.paymentId 实际上返回了正确的付款 ID，我什至尝试将其硬编码到 resolve 调用中。这个错误似乎发生在我的内部 API 甚至被调用以获取付款 ID 之前（然后在它被调用之后再次发生）。

一周以来，我一直在尝试联系 PayPal 技术支持，但在多次请求后，我什至没有收到确认。此外，我无法在 Heroku 上测试 REST API，因为它们的沙箱需要 30 多秒才能响应并且 Heroku 会超时。这将是我最后一次在项目中使用 PayPal……按照这个速度，我似乎需要尽快改变这个项目。

Answer 1

我遇到了这个问题。我的用例是 Express Checkout（客户端）和 Paypal SDK（服务器）。 Paypal 将此称为高级集成。

我解决了这个问题如下：

我让我的服务器返回一个 JSON 对象作为具有单个属性“paymentID”的响应。这在Paypal documentation 的高级集成页面中进行了解释，但是它的重要性并没有足够清楚地说明。

查看该文档的第 4 步，它清楚地说明了您需要返回什么：

4. 您的服务器向您的客户端发送响应以传回付款 ID：

   {
       "paymentID": "PAY-0J356327TH335450NK56Y2PQ"
   }
   

checkout.js 将此返回值作为“token”参数处理。

下面是适合我的代码：

 paypal.Button.render({
   env: 'sandbox',
   payment: function(resolve, reject) {
     var CREATE_PAYMENT_URL = 'http://localhost/api/payment/create';
     paypal.request.post(CREATE_PAYMENT_URL, {
     // js object used to create payment
     }).then(function(data) {
         resolve(data.paymentID);
     }).catch(function(err) {
         reject(err);
     });
   },
   onAuthorize: function(data) {
     var EXECUTE_PAYMENT_URL = 'http://localhost/api/payment/execute';
     paypal.request.post(EXECUTE_PAYMENT_URL, {
     // js object used to complete payment
     // needs to include properties for paymentID and payerID
     }).then(function(data) {
     // process results after transaction is completed
     }).catch(function(err) {});
   },
   onCancel: function(data) {}
 }, '#paypal-button');

Answer 2

现在你有：

payment: function() {

这需要：

payment: function(resolve, reject) {

否则resolve 和reject 函数将无法将paymentID 传递回checkout.js。

Answer 3

这个解决方案真的很有帮助，但是我们可以通过从 paypal 收到的令牌 id 来代替 payid 到 resolve 方法，resolve(data.tokenid);而不是 paypal.request.post 方法，我们可以进行 ajax 调用，代码如下，

<script src="https://www.paypalobjects.com/api/checkout.js"></script>
<div id="paypal-buttoncheckout"></div>
    paypal.Button.render({
        env: "sandbox", // Optional: specify 'sandbox' environment
        locale: //your respective locale,
        payment: function(resolve, reject) { 
            var CREATE_PAYMENT_URL = //URL for creating payment
            $.ajax({
               type:'POST',
               dataType : 'html',
               contentType: 'application/html',
               url : CREATE_PAYMENT_URL,
               success : function(data){    
                   resolve(data.tokenid);
               },
               error : function(response){

               }
           });

      },

            onAuthorize: function(data) {
                // Note: you can display a confirmation page before executing
                var EXECUTE_PAYMENT_URL = //reauthorize URL;
                paypal.request.post(EXECUTE_PAYMENT_URL,
                        { paymentID: data.paymentID, payerID: data.payerID,token: data.paymentToken })
                        .then(function(data) { window.location = //SUCCESS PAGE })
                        .catch(function(err) { window.location = //ERROR PAGE});
            },

            onCancel: function(data, actions) {
                window.location = //ON CANCEL URL
            }



        }, '#paypal-buttoncheckout');

谢谢， 马诺吉