javascript - Paypal 订阅困惑

标签 javascript html api paypal subscription

我已经在一个项目上工作了 2 年多,我终于准备好启动了,但首先我必须集成一个基于订阅的支付选项,这样我才能真正从这件事上赚到一些钱。我已经尝试整合 Paypal 订阅 2 个月了,这是一个主要的阻碍。此外,这导致我秃顶。请帮忙!

我认为有一种概述解释来描述我需要遵循的明确流程以接受基于订阅的付款会非常有帮助。详细程度将包括每个步骤应该发生的位置;前端或后端(服务器),以及了解哪些数据流向何处所需的任何中间步骤。其次,智能按钮的实际代码带有一些注释,指示代码正在处理的过程的哪一部分。也许有很多问题要问,但将不胜感激,我相信对于其他希望像我现在一样做同样事情的人来说,这是一个很好的资源。

目前,我的主要问题是,当我在脚本中设置指向 paypal SDK 的 URL 以包含 &intent=authorize 时,错误消息中告诉我我需要设置 intent=capture,但是当我设置 intent =capture 我被告知我需要设置intent=authorize。所以现在我对我应该做什么感到困惑;授权交易或捕获交易。 Paypal 技术支持向我提供了 Paypal 开发者网站上两个不同指南的链接,这些指南似乎相互矛盾——第一个链接没有说明捕获或授权付款,第二个链接确实如此。但我不明白第二个链接的上下文。第一个链接是所有客户端,第二个链接是客户端和服务器端。为什么需要这些 intent=ca[ture/authorize?我认为一旦有人同意并完成订阅的注册,并且我已经捕获了他们的订阅 ID,我不需要做任何其他事情就可以在我的计划中按月设置接收资金,我会只需查询 paypal API 以了解他们是否已在客户登录我的服务时付款。

我已经设置了一个沙盒帐户,并且我已经创建了一个产品和一个计划。客户登录后,我已使用我的计划 ID 呈现智能按钮。

如果我在 paypal SDK 脚本 URL 中设置 intent=capture,paypal 窗口将打开,您选择付款并同意,然后我在控制台中收到此错误:

env: "sandbox"
err: "Error: Use intent=authorize to use client-side authorize"
referer: "localhost:88"
timestamp: "1589939180937"
uid: "fad5852fa3_mde6ndq6mdu"

但是如果我设置intent=authorize,我点击智能按钮,paypal窗口出现并迅速消失,然后我得到这个错误:
buttonSessionID: "e3bf3c6c3d_mdi6mdi6mzq"
env: "sandbox"
err: "Uncaught Error: Expected intent from order api call to be authorize, got capture. Please ensure you are passing intent=capture to the sdk url"
referer: "www.sandbox.paypal.com"
sessionID: "fad5852fa3_mde6ndq6mdu"
timestamp: "1589940160835"

这是我的代码:
<!DOCTYPE html>

<head>
  <!-- Add meta tags for mobile and IE -->
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
</head>

<body>
  <!-- Set up a container element for the button -->
  <div id="paypal-button-container"></div>

  <!-- Include the PayPal JavaScript SDK -->
  <script
    src="https://www.paypal.com/sdk/js?client-id=CLIENT-ID-HERE&currency=USD&vault=true&intent=capture"></script>

  <script>
    let planid = 'P-48A5110983270751ML2P5NVI';

    // Render the PayPal button into #paypal-button-container
    paypal.Buttons({

      // Set up the transaction
      createSubscription: function (data, actions) {
        // Create Subscription
        return actions.subscription.create({ "plan_id": planid });
      },
      onApprove: function (data, actions) {

        // Authorize the transaction
        actions.order.authorize().then(function (authorization) {

          // Get the authorization id
          var authorizationID = authorization.purchase_units[0]
            .payments.authorizations[0].id

          // Call your server to validate and capture the transaction
          return fetch('/api/company/paypal-transaction-complete', {
            method: 'post',
            headers: {
              'content-type': 'application/json'
            },
            body: JSON.stringify({
              orderID: data.orderID,
              authorizationID: authorizationID,
              data: data,
              authorization: authorization
            })
          });
        });
      }
      // Finalize the transaction? Which one do I want, to authorize or to finalize??
      // onApprove: function (data, actions) {
      //   let result = actions.subscription.get();
      //   return actions.order.capture().then(function(details) {
      //   // Do I need to send something to my server here?
      //   // Show a success message to the buyer
      //   alert('Transaction completed by ' + details.payer.name.given_name + '!');
      //   });
      // }

    }).render('#paypal-button-container');
  </script>
</body>

在此先感谢您的帮助。这是一个最令人沮丧的项目。

最佳答案

为什么在订阅的 URL 中使用 intent=authorize/intent=capture?

你为什么使用 actions.order.authorize()订阅?

谁告诉你用订阅做这些事情的?

请参阅 Subscriptions Integration指南,其中不包括任何提及这些事情。

关于javascript - Paypal 订阅困惑,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61904177/

相关文章:

javascript - parse.com 云代码解析 RSS CDATA 后台作业

jquery - 使用 JQuery 选择随机背景

javascript - 如何创建自己的类似于谷歌分析的 javascript api

javascript - 禁用按钮,除非特定字段有值

javascript - Youtube Iframe API loadVideoById() 跳过视频

android - 使用 HTML5 启用后置摄像头

html - 在 html 中对选项卡进行编码

Android库项目无法启动

api - 休息 API : reasonable to create associated resources given a verbose representation?

javascript - 如何在 Bootstrap 5 中以编程方式打开 offcanvas?