Question

我正在尝试重新创建此 https://www.paypal.com/donate/?hosted_button_id=JA4LPSED5LVCG，它是标准的托管 PayPal 捐赠按钮。它有预设金额，让用户添加他们的意图（支持哪个程序），以及每月定期捐款。我开始使用 jQuery 来定位元素并传递预设数量，这奏效了，但是因为我使用了 vanilla js 方法。我的问题是，我什至使用 PP SDK 正确设置了吗？或者我是否需要与 API 进行不同类型的集成以支持经常性捐赠。

在这一点上，我的代码比我开始使用 jQuery 时更糟糕（至少我能够传递预设金额，但不能传递捐赠意图）。我在这里设置了一个 Codepen，希望得到任何和所有的反馈。 https://codepen.io/tripdog/pen/dyvNeEV

fakeAsync

var amount = 0;
var selectedProgram = "";

const buttons = document.querySelectorAll("button.Paypal");
buttons.forEach((btn) => {
  btn.addEventListener("click", () => {
    amount = btn.dataset.id;
  });
});

const programSelect = document.getElementById("programSelect");
programSelect.addEventListener("change", (e) => {
  selectedProgram = programSelect.value;
});

// Render the PayPal button into #paypal-button-container
paypal
  .Buttons({
    // Set up the transaction
    createOrder: function(data, actions) {
      return actions.order.create({
        purchase_units: [{
          amount: {
            value: amount
          },
          description: programSelect
        }]
      });
    },
    // Finalize the transaction
    onApprove: function(data, actions) {
      return actions.order.capture().then(function(details) {
        // Show a success message to the buyer
        alert("Donation completed by " + details.payer.name.given_name + "!");
        location.replace("https://www.example.com/completed_success.php");
      });
    }
  })
  .render("#paypal-button-container");

PS 我目前不担心样式，只担心功能。客户端 ID 被沙盒化了 :-)

Answer 1

该代码不适用于定期付款。订阅是一个单独的集成，请参阅订阅概述：https://developer.paypal.com/docs/subscriptions/，除了 API 调用之外，您还可以在接收帐户中手动创建和管理计费产品和计划：

沙盒：https://www.sandbox.paypal.com/billing/plans
直播：https://www.paypal.com/billing/plans .

如果您想在 PayPal 页面上选择是否定期进行捐赠，唯一的选择是在 https://www.paypal.com/buttons 创建一个非 JS 捐赠按钮。在第 2 步中，您可以取消选中在 PayPal 保存按钮的选项，并且在生成代码时您可以取消代码保护。可以使用 custom 参数 https://developer.paypal.com/docs/paypal-payments-standard/integration-guide/Appx-websitestandard-htmlvariables/#payment-transaction-variables 传递自定义值，这将在接收方帐户的交易详细信息中可见。

将自定义变量传递给 PayPal

1 个答案: