时间戳

首页 > 解决方案 > 将 google pay 添加到 Adyen Web SDK

javascript - 将 google pay 添加到 Adyen Web SDK

问题描述

我正在尝试将 Google Pay 添加为付款方式。我正在使用Adyen Web SDK。

我正在做一个 CURL 来获取付款会话：

curl -H "Content-Type: application/json" -H "X-API-Key: my_key" -X POST -d '{ 
       "merchantAccount": "my account",
       "sdkVersion": "1.9.2",
       "channel": "Web",
       "amount": { 
          "currency": "EUR", 
          "value": 2500
       }, 
       "reference": "Your order number",
       "countryCode": "IE",
       "shopperLocale": "en_IE",
       "origin": "http://192.168.43.16:3000",
       "returnUrl": "http://localhost:8080/payment/completed/the_guid_from_UI/"
    }' https://checkout-test.adyen.com/v41/paymentSession -i

我将 paymentSession 复制到 UI 中。但在我的页面上，我只看到：

在此处输入图像描述

所有文档说要做的是：

在此处输入图像描述

我添加了 pay.js 库。是这样吗？我还需要做什么？

编辑 我使用的是旧版本的 Adyen Web SDK（不支持 Google Pay）。我现在添加了最新版本：

`<script type="text/javascript" src="https://checkoutshopper-test.adyen.com/checkoutshopper/assets/js/sdk/checkoutSDK.1.9.2.min.js"></script>`

但是我仍然看到相同的结果......

标签： javascriptpayment-gatewaypaymentadyen

解决方案

对，那是正确的。您需要在加载 Web SDK 之前加载 Google Pay 库。

<script src="https://pay.google.com/gp/p/js/pay.js"></script>
<script type="text/javascript" src="https://checkoutshopper-test.adyen.com/checkoutshopper/assets/js/sdk/checkoutSDK.1.9.2.min.js"></script>

可以肯定的是，您是否完成了该屏幕截图上的第 2 步？

  1. 在您开始接受实时 Google Pay 付款之前，我们需要配置您的 Google Pay merchantID。遵循Google Pay 的部署生产环境指南，然后联系支持团队并提供您merchantID的 Google Pay 开发者资料。

如果您的商家帐户中未正确配置 Google Pay，它就不会出现在付款方式列表中。

推荐阅读