Javascript 亚马逊支付组件集成问题_Javascript_Amazon_Amazon Pay

Javascript 亚马逊支付组件集成问题

javascript

Javascript 亚马逊支付组件集成问题,javascript,amazon,amazon-pay,Javascript,Amazon,Amazon Pay,亚马逊支付小部件集成存在问题。我正在尝试加载通讯簿小部件。以下是带有登录按钮和小部件的页面代码： <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maxim

亚马逊支付小部件集成存在问题。我正在尝试加载通讯簿小部件。以下是带有登录按钮和小部件的页面代码：

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script type='text/javascript'>
        window.onAmazonLoginReady = function() {
            amazon.Login.setClientId('amzn1.application-oa2-client.96328af648a14ee984ff2529df2906b2');
            amazon.Login.setUseCookie(true);
        };
        window.onAmazonPaymentsReady = function() {
            showButton();
        };
    </script>
    <script async="async" src='https://static-fe.payments-amazon.com/OffAmazonPayments/jp/js/Widgets.js'>
    </script>
</head>
<body>
<div id="AmazonPayButton"></div>
<a href="#" id="Logout">Logout</a>
<div id="addressBookWidgetDiv" style="height: 400px;"></div>
<script type="text/javascript">
    function showButton() {
        var authRequest;
        OffAmazonPayments.Button("AmazonPayButton", "AC0ND72N3R7GI", {
            type: "LwA",
            color: "Gold",
            size: "medium",

            authorization: function () {
                loginOptions = {
                    scope: "profile",
                    popup: true
                };
                authRequest = amazon.Login.authorize(loginOptions, function(){
                    new OffAmazonPayments.Widgets.AddressBook({
                        sellerId: 'AC0ND72N3R7GI',
                        onOrderReferenceCreate: function(orderReference) {

                        },
                        design: {
                            designMode: 'responsive'
                        },
                        onError: function(error) {
                            console.log(error.getErrorCode() + ': ' + error.getErrorMessage());
                        }
                    }).bind("addressBookWidgetDiv");
                });
            },
            onError: function (error) {
                console.log("The following error occurred: "
                        + error.getErrorCode()
                        + ' - ' + error.getErrorMessage());
            }
        });
    }
</script>
<script type="text/javascript">
    document.getElementById('Logout').onclick = function() {
        amazon.Login.logout();
    };
</script>
</body>
</html>


文件
window.onamazonloginrady=函数（）{
amazon.Login.setClientId（'amzn1.application-oa2-client.96328af648a14ee984ff2529df2906b2'）；
amazon.Login.setUseCookie（true）；
};
window.onAmazonPaymentsReady=函数（）{
showButton（）；
};
函数showButton（）{
var-authRequest；
OffAmazonPayments.按钮（“AmazonPayButton”、“AC0ND72N3R7GI”{
类型：“LwA”，
颜色：“金色”，
尺码：“中等”，
授权：功能（）{
登录选项={
范围：“个人资料”，
弹出窗口：真
};
authRequest=amazon.Login.authorize（登录选项，函数（）{
新的OffAmazonPayments.Widgets.AddressBook({
sellerId:'AC0ND72N3R7GI'，
onOrderReferenceCreate:函数（orderReference）{
},
设计：{
设计模式：“响应性”
},
onError:函数（错误）{
log（error.getErrorCode（）+'：'+error.getErrorMessage（））；
}
}).bind（“addressBookWidgetDiv”）；
});
},
onError:函数（错误）{
console.log（“发生以下错误：”
+error.getErrorCode（）
+“-”+error.getErrorMessage（））；
}
});
}
document.getElementById（'Logout'）。onclick=function（）{
amazon.Login.logout（）；
};

登录弹出窗口正常显示，但小部件未加载，出现以下错误：

买家与亚马逊的对话已过期。买家必须在登录前登录您呈现小部件

如果切换到沙盒环境并使用测试帐户，也会发生相同的错误。

（请注意，我使用的是widgets.js插件的日文版本，因为卖家帐户位于日本地区）。期待您的帮助，谢谢

我在做同样的事情。。如果您提供完整的代码，我可能会有所帮助。同时将您的小部件url更改为：检查以下链接：Amazon Pay SDK示例已经由Amazon在github上提供。你有没有想过？