问题标签 [adyen]

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 回答
99 浏览

adyen - Adyen 创建 dropin 失败并显示“无法读取 null 属性(正在读取 'dropin')”

尝试做一个简单的 Adyen Drop-in 功能的初始工作示例。我在 React 应用程序中使用包“@adyen/adyen-web”版本 5.2.0。(见附件代码)

在此处输入图像描述

我的后端 API 内置在 .Net5 中,调用 Adyen 创建会话并将 id 和 sessionData 正确返回到“paymentSession”中显示的前端。

但是当代码到达部分 checkout.create('dropin').mount(adyenElementRef.current) 时,它在浏览器控制台中失败并出现错误:“无法读取 null 的属性(正在读取 'dropin')”。

在此处输入图像描述

我不知道为什么,我遵循了https://docs.adyen.com/online-payments/web-drop-in上的确切文档

更新: 我降级到版本 4.1.0 并通过更改为以下代码使其全部工作:

最新版本和 Promise 实现有什么奇怪的吗?

0 投票
1 回答
121 浏览

reactjs - Adyen Apple Pay with Drop-In on web click 不起作用

我已经使用 Drop-in 配置将 Apple Pay 与 Adyen 集成。Apple pay 选项在付款表格中可见,但点击它什么也不做,如果我双击它,它会打印

“未处理的承诺拒绝:InvalidAccessError:页面已经有一个活动的支付会话。”

如果我在 iPhone -> Safari 浏览器上运行相同的网站并在直接付款表单中单击 Apple Pay,它会打开付款表但关闭它会打印“无法创建任何会话”。

我正在使用 Adyen Apple 证书。

在此处输入图像描述

任何帮助表示赞赏。

0 投票
1 回答
117 浏览

angularjs - 在提交之前如何检查 Adyen Web Drop-in 是否有效

我正在为我的网站使用 Adyen Web Drop-in。我没有在插件中显示支付按钮,而是使用插件外部的按钮来启动提交。

但是如何在提交之前检查是否输入了所有必填字段?比如在选择iDeal时,如果用户没有从下拉菜单中选择银行,当我发起提交时,下拉菜单会显示选择您的银行下拉菜单无效并且不继续make支付请求。但我没有收到通知或错误或任何东西。

单击时我禁用了我的付款按钮,以防止用户在付款过程中再次单击它。但是没有一些通知,我现在如何再次启用该按钮?

顺便说一句,我仍在为我的网站使用 AngularJS。仍在升级到 Angular 的过程中,因此付款表格仍在 AngularJS 上。

这是安装插件的代码:

我添加了 console.logs 来看看会发生什么。当提交选择银行的表单时,我看到的第一条消息是 makePayment 消息,正如预期的那样。但是,如果我没有在下拉列表中选择银行并提交,则不会触发任何日志。很明显,在付款之前是否输入了所有必填字段(应该如此),但我不知道如何获得该反馈。

0 投票
1 回答
174 浏览

jquery - Adyen - checkout.create 不是一个函数 - Jquery C#

我正在尝试在 Adyen 中实现会话(5.0.0),但似乎没有创建 AdyenCheckout。

在“const checkout”变量中,我得到了这个。

在此处输入图像描述

我没有尝试按照 adyne 文档使用“等待”。

任何解决方法?这是我的尝试。

0 投票
1 回答
30 浏览

adyen - 是否可以检查在 Adyen 支付小部件中输入的值并针对这些值运行验证?并给出错误状态?

我希望在我的 Adyen 支付模块上设置我自己的验证。具体来说,我想消除人们在持卡人姓名字段中插入不正确字符的能力(如表情符号等)。

0 投票
1 回答
41 浏览

ios - 如何本地化 Adyen 中 CreditCard 组件的标题?

顶部大标题“信用卡”如何本地化?

我们这里是俄语,我本地化了所有的小字段标题。你只需要覆盖类似adyen.card.numberItem.title. 但是没有为大标题定义。所以它永远是英文的。客户在抱怨,他是对的。有人知道吗?

我正在使用一个CardComponent.

CC卡组件

0 投票
1 回答
31 浏览

javascript - 为什么在我的角度应用程序中使用 AdyenCheckout 时出现“未处理的承诺拒绝 TypeError:null 不是函数”?

在我的角度应用程序中,我使用 AdyenCheckout 进行付款,但是一旦我打开我正在使用 AdyenCheckout 的屏幕(付款屏幕),当我移动光标时,我会反复收到控制台错误

“未处理的承诺拒绝 TypeError:null 不是函数”

以下是我的 package.json

结帐代码

在此处输入图像描述