问题标签 [klarna-widget]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1140 浏览

payment-gateway - 如何显示 Klarna Payments 小部件中的表单?

我正在构建一种 Klarna Payments 的沙盒集成(使其原则上工作并稍后将逻辑实施到真实商店中)。文档中描述的第一步,会话创建,已经奏效。现在我正在尝试显示 Klarna 小部件:

klarna-widget.html

当前结果如下所示:

没有形式的 Klarna 小部件

而不是文档中显示的预期结果:

Klarna 小部件表单

但是表格不存在。如何让它显示?

更新

刚刚看了看控制台。有一些警告和错误:

klarna 小部件套接字错误

res对象似乎很好:

0 投票
1 回答
463 浏览

payment-gateway - 如何加载(多个)定义的 Klarna 付款方式?

我正在构建一种 Klarna Payments 的沙盒集成(使其原则上工作并稍后将逻辑实施到真实商店中)。文档中描述的第一步,会话创建,已经奏效。现在我正在尝试显示 Klarna 小部件。

文档中的示例显示了如何加载一种付款方式(pay_later/发票)。

我尝试了相同的方法pay_now,但它不起作用(页面和对象中的消息“付款方式不可用” )。实际上,我希望看到一个具有三种付款方式的表单:、和。{show_form: false}respay_nowpay_laterpay_over_time

我查看. load()我的期望是找到一个像payment_method_categories. 但该方法只有payment_method_category并且它需要是一个字符串......

如何获得可用和加载的 Klarna 付款方式的定义列表?

可能某些设置位于 Klarna 后端/“控制中心”(Playground)中,或者需要用于使方法可用的 API 调用。如果是这样,需要做什么以及如何做到这一点?

0 投票
0 回答
84 浏览

selenium - 无法验证 Klarna 付款,结帐时未保留为出生日期键入的值(Selenium、Chrome 驱动程序)

更新:: 我尝试使用 sendKeys() 我在文本框中单独输入了一些奇怪的 5 或 66。附图。

sendKeys("2001 年 2 月 11 日(中欧夏令时间)"); 发送密钥(“2001-02-23”)

sendkeys("2011-02-23") 上带有 66.* 值的文本框的屏幕截图

出生日期输入元素(如附图所示)已正确填写。但是,在移动到下一个控件时,DOB 字段的值要么被隐藏,要么被屏蔽。然后单击继续按钮,将引发验证错误。我附上了屏幕录制中这三个步骤的屏幕截图。下面是我试图访问 iframe 内的控件的 selenium 方法。在这方面的任何帮助将不胜感激。

内框内的输入元素如下,

带有值的控件的屏幕截图

文本框值在移动到下一个控件时隐藏

单击按钮时引发验证错误

PS:即使我尝试在下拉后的输入框中输入,也是一样的。我有同样的验证错误。

0 投票
0 回答
46 浏览

reactjs - 如何将 Klarna 脚本转换为 useEffect 函数

我需要将以下脚本转换为 useEffect 函数才能在 react.js 中使用它。

使用效果函数应如下所示:

如何在 useEffect 中加载 startKlarnaOpenBankingXS2AApp 函数?

谢谢

0 投票
1 回答
309 浏览

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

我正在将 Klarna 集成到与 Adyen 相关的沙盒环境中。我已经完全按照文档进行了操作,但是遇到了一个问题,小部件中没有显示“继续”按钮,从而阻止了结帐过程。

-预期的-

在此处输入图像描述

-实际(缺少按钮)-

在此处输入图像描述

重新创建的代码:

邮寄至:https://checkout-test.adyen.com/v67/payments

它返回client_token:“ABC123”。然后使用该令牌通过klarna 文档加载小部件:

  1. 回调返回的是{show_form: true},小部件加载上面的ACTUAL (MISSING BUTTON)图片。我在这里想念什么?我不明白为什么小部件中没有显示继续按钮。然后,此按钮用于授权 Klarna 中的用户、获取帐单信息等。任何帮助将不胜感激!目标是显示“继续”按钮。
0 投票
1 回答
66 浏览

cross-domain - 如何修复来自 Klarna iframe 的跨域错误

当我加载 Klarna iframe 时,我有一个 Klarna Payments 集成和结帐

我收到一个跨源错误:“Quellübergreifende (Cross-Origin) Anfrage blockiert: Die Gleiche-Quelle-Regel verbietet das Lesen der externen Ressource auf https://sentry.io/api/85212/envelope/?sentry_key=. . "

我尝试在 Plesk Obsidian 中添加以下附加标题:
Access-Control-Allow-Origin: * 或为了更好的安全性 (sentry.io),

但我仍然收到此错误。我该如何解决这个错误?

0 投票
0 回答
71 浏览

json - 如何使用 Klarna 结帐检索客户端令牌

我正在尝试将 Klarna 作为附加付款选项集成到已定制的现有电子商务网站中。我已经在 Postman 中试用了 json 脚本并收到了正确的响应。我现在想将其转移到实际站点,但不知道如何从响应中检索客户端令牌,我随后需要在下一步中创建小部件。

JSON脚本如下:

Klarna 的正确回应:

如何从服务器检索上面的信息,例如 client_token?我在考虑使用 GET 但不确定我是否走在正确的轨道上。任何帮助将非常感激。

0 投票
0 回答
67 浏览

shopify - Shopify 商店上的 Klarna Express 按钮

我正在尝试将 Klarna Express 结帐按钮集成到我的 shopify 商店。我找到了本教程https://www.youtube.com/watch?v=zEOtYE8IlRM

有谁知道这是否适用于shopify?

0 投票
0 回答
8 浏览

klarna - 为什么 Klarna 在授权购买时返回 204 无内容响应?

我正在关注 Klarna 与 Klarna javascript SDK 的直接集成文档。我成功创建了一个支付会话,Klarna 小部件加载也没有问题。

但是,我在授权购买时收到 204 no content 响应,而不是授权令牌或错误代码。没有令牌我无法完成购买。这发生在我在下面使用的 Klarnas 示例请求中。授权调用也不会出现在商家门户日志中;而创建会话调用确实如此。