javascript - 如何正确显示 Klarna Pay Over Time 小部件？

Question

我正在将 Klarna 集成到与 Adyen 相关的沙盒环境中。我关注了docs确切地说，但我遇到了一个问题，小部件中没有显示“继续”按钮，从而阻止了结帐过程。
-预期-

-实际(缺少按钮)-

重新创建的代码:
邮寄至:https://checkout-test.adyen.com/v67/payments

{
  "merchantAccount": "MERCHANTLLC",
  "reference": "123",
  "paymentMethod": {
    "type": "klarna_account"
  },
  "amount": {
    "currency": "USD",
    "value": 18210
  },
  "shopperLocale": "en_US",
  "countryCode": "US",
  "telephoneNumber": "1111111111",
  "shopperEmail": "test@gmail.com",
  "shopperName": {
    "firstName": "John",
    "lastName": "Doe"
  },
  "returnUrl": "http://someurl.com",
  "lineItems": [
    {
      "quantity": 1,
      "amountExcludingTax": "16900",
      "taxPercentage": "775",
      "description": "asdfasdf",
      "id": "123",
      "taxAmount": 1310,
      "amountIncludingTax": "18210",
      "productUrl": "http://producturl.com"
    }
  ]
}

返回 客户端 token :“ABC123”。然后使用该 token 通过 klarna docs 加载小部件。 :

 window['Klarna']['Payments'].init({
      client_token: 'ABC123'
    })
    window['Klarna']['Payments'].load({
      container: '#klarna-payments-container',
      payment_method_category: 'pay_over_time',
      instance_id: "klarna-payments-instance"
    },
      function (res) {
        console.log(res);
      })

回调返回的是{show_form: true}小部件加载 实际(缺少按钮)上图。我在这里想念什么？我不明白为什么小部件中没有显示继续按钮。然后，此按钮将在 Klarna 中授权用户，获取帐单信息等。任何帮助将不胜感激!目标是显示“继续”按钮。

Answer 1

在与 Klarna 团队交谈后回答我自己的问题。在开发端，您需要创建自己的按钮并调用“授权”端点。可在此处找到文档:https://developers.klarna.com/documentation/klarna-payments/integration-guide/authorize/