如何解决为什么 Plaid.create func 不返回任何输出?
我正在使用 Flask 尝试获取 Plaid 链接以供我的用户登录。
我想弄清楚为什么我看不到在按钮点击时调用的 Plaid.create
函数没有输出控制台日志。很难调试,因为它没有给我太多的输出。
这是我的简单 html 页面
<!DOCTYPE html>
<html lang="en">
<head>
<title>Index</title>
<script src="https://cdn.plaid.com/link/v2/stable/link-initialize.js"></script>
<script>
async function login()
{
console.log("Initiating login!")
const response = await fetch("/create_link_token") # Call to endpoint implemented in Flask
const {link_token} = await response.json()
console.log(link_token)
console.log("before the link handler")
const handler = Plaid.create
({
token: await link_token,onSuccess: async (public_token,Metadata) => {
console.log(public_token);
console.log(Metadata);
console.log("/token_exchange/"+public_token)
token = await fetch("/token_exchange/"+public_token)
console.log(token)
},onExit: (err,Metadata) => {
console.log(err);
console.log(Metadata)
},onEvent: (eventName,Metadata) => {
console.log(eventName);
console.log(Metadata);
},});
console.log("Done!")
}
</script>
</head>
<body>
<h1 style="color: blue">Hello,World!</h1>
<p>This is an HTML file served up by Flask</p>
<form>
<input type="button" onclick="login()" value="Login" />
</form>
</body>
</html>
这是控制台输出
Initiating login!
link-development-24e61667-d41f-4ca3-b936-b7b995054646
before the link handler
Done!
所以在我看来,创建功能没有完成或默默地失败,因为据我所知,我应该让格子链接出现以继续身份验证流程。然而,它似乎甚至没有继续到获取我的路线甚至击中任何其他回调的地步。
感谢您提供的任何帮助和说明。如果我对 JS 有任何误解,请告诉我。
解决方法
link_token
只是一个字符串,而不是一个承诺,所以不需要 await
ed。同样,onSuccess 的回调签名定义为 onSuccess: function (publicToken,metadata)
,它需要保持这种状态才能工作。
以下是一些可以正常工作的简单代码,如果有帮助的话:
<!DOCHTML html>
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.plaid.com/link/v2/stable/link-initialize.js"></script>
<title> Plaid demo app</title>
</head>
<body>
<button id="link-button">Link account</button>
<script>
async function createPlaid() {
const linkToken = await $.get('/create-link-token');
const handler = Plaid.create({
token: linkToken,onSuccess: function (publicToken,metadata) {
fetch('/exchange-token',{
method: 'POST',body: JSON.stringify({ publicToken}),headers: {
'Content-Type': 'application/json',}
});
}
})
$("#link-button").on("click",function (e) {
handler.open();
})
}
createPlaid();
</script>
</body>
</html>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。