W3C Google Chrome Payment Request API error: The payment method "basic-card" is not supported

Question

我正在尝试在我的 Magento 2 项目中实施 Google Chrome 支付。这是代码，

 browserpay: function () {

                    const supportedPaymentMethods = [
                        {
                            supportedMethods: 'basic-card',
                        }
                    ];
                    const paymentDetails = {
                        total: {
                            label: 'Total',
                            amount: {
                                currency: 'USD',
                                value: 12
                            }
                        }
                    };
                    // Options isn't required.
                    const options = {};

                    var paymentRequest = new PaymentRequest(supportedPaymentMethods, paymentDetails, options);
                    console.log('got it');
                    paymentRequest.show();
                },

我在 paymentRequest.show() 中遇到错误，例如 DOMException：不支持付款方式 "basic-card"

我尝试使用“https://google.com/pay”而不是 "basic-card" 并尝试了两种方法，但我仍然遇到同样的错误（不支持付款方式）

我关注了这个tutorial

如果我尝试在我的本地主机中使用单独的 html 页面，它工作正常。我查看了console.log里的参数，参数是一样的。但它不适用于带有 Knockout js 的 magento。

我只在我的本地尝试，这会导致问题吗？最初它甚至没有显示，然后我在 chrome 设置中进行了更改以使其工作。在设置中，我将我的本地 IP 地址添加到 Insecure origins treated as secure 然后它开始工作，同样我需要在 chrome 中做一些设置更改吗？

Answer 1

由于本地主机名配置错误导致的错误。我在 Magento 2 中使用 IP 地址 (http://10.150.242.57/magento2ee/)，因为 localhost (http://localhost/magento2ee) 导致登录问题并在 Magento 2 中将产品添加到购物车。所以我在本地服务器中配置了虚拟主机，然后它开始工作。因此，如果您使用 IP 地址，chrome 付款将不起作用。您必须使用 localhost (http://localhost/your-project) 或配置 v-host (http://payment.localhost).

W3C Google Chrome Payment Request API error: The payment method "basic-card" is not supported

W3C Google Chrome Payment Request API error: The payment method "basic-card" is not supported

javascript

api

google-chrome

magento2