将Google Web Auth添加到Svelte / Sapper的“正确”方法是什么？

Question

给Svelte / Sapper一个外观，我很好奇向我的应用添加类似Google Sign-In for Websites之类的正确方法。

我已经从上面的站点给您的示例代码中获得了所有工作，但是我已经通过在template.html文件中添加onscucess的“ onSignIn”函数来完成此工作，这似乎不是正确的方法这个。

在src / routes / template.html内部

<script src="https://apis.google.com/js/platform.js" async defer></script>
<script>
  function onSignIn(googleUser) {
    var profile = googleUser.getBasicProfile();
    console.log("ID: " + profile.getId());
  }
</script>

内部src / components / Nav.svelte

<div class="g-signin2" data-onsuccess="onSignIn" data-theme="dark"></div>

上面的代码可以正常工作，因为onSignIn可以访问窗口，但是看来我应该可以将其添加到按钮本身所在的Nav组件中。是否有处理此类问题的首选方法？

Answer 1

如果有人在寻找类似的东西，我发现我可以开始并修改它以满足自己的需求github.com/beyonk-adventures/svelte-social-auth。