Ngx-paypal for Angular：编辑 Paypal 按钮的送货地址答案

【问题标题】：Ngx-paypal for Angular: edit shipping address of Paypal ButtonNgx-paypal for Angular：编辑 Paypal 按钮的送货地址
【发布时间】：2022-01-01 20:08:05
【问题描述】：

我正在使用 ngx-paypal for Angular 制作一个 Paypal 结帐按钮，当我到达购物车并继续结帐时会显示该按钮，但我不知道如何将送货地址“提供”给按钮默认的，所以当有人点击 Checkout Paypal 按钮时，他们会得到我选择在我的打字稿中传递的地址。我想要和 shippingAddressOverride 一样的东西。这是显示我如何配置 Paypal 按钮的代码：

this.payPalConfig = {
      currency: 'EUR',
      clientId: this.parameters.clientidpaypal,
      createOrderOnClient: (data) => <ICreateOrderRequest>{        
        intent: 'CAPTURE',
        purchase_units: [{
          amount: {
            currency_code: 'EUR',
            value: this.item.total.toString().replace(",", "."),
            breakdown: {
              item_total: {
                currency_code: 'EUR',
                value: this.item.total.toString().replace(",", ".")
              }
            }
          }
        }],
      }
    };

【问题讨论】：

标签： angular typescript paypal ngx-paypal

【解决方案1】：

一个订单创建请求正文is documented here.

这是一些 JSON 示例。

{
  "payer": {
    "name": {
      "given_name": "John",
      "surname": "Doe"
    },
    "email_address": "customer@example.com"
  },
  "purchase_units": [
    {
      "shipping": {
        "address": {
          "address_line_1": "2211 N First Street",
          "address_line_2": "Building 17",
          "admin_area_2": "San Jose",
          "admin_area_1": "CA",
          "postal_code": "95131",
          "country_code": "US"
        }
      },

如果客户在结账时选择了不同的地址，他们可以覆盖提供的信息，因此您必须将收到的地址存储在响应中并在不同时使用该地址。

如果您需要强制使用预先收集的特定地址，则有一个 SET_PROVIDED_ADDRESS 参数 - 但如果您尝试强制的地址不是，这种强制将导致结帐失败并出现错误有效。

理想情况下，PayPal 选项应该在收集送货地址之前在流程中更早地出现，这样您就可以从已经存储在 PayPal 帐户中的东西中收集送货地址，而不是反过来，让用户在您的网站中手动键入一个。这是正常电子商务的最佳流程，因为它可以让付款人更快地完成结账（减少人工输入），从而带来更多的转化（完成更多的销售，减少掉线/改变想法）

你可以实现一个onShippingChange回调来实时检查一个新选择的地址，返回它是否可以（例如如果你没有运送到选定的国家），并修补订单如有必要，请提供详细信息。这集成起来更复杂，但如果您需要根据选定的地址执行此类调整，则这是必要的。

【讨论】：