微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

为什么 Plaid.create func 不返回任何输出?

如何解决为什么 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 举报,一经查实,本站将立刻删除。