Как правильно добавить Google Web Auth в Svelte / Sapper? - PullRequest
0 голосов
/ 08 июля 2019

Дайте Svelte / Sapper взгляд и мне интересно, как правильно добавить что-то вроде Google Sign-In для веб-сайтов в мое приложение.

У меня все работает из примера кодаони дают вам с сайта выше, но я сделал это, добавив функцию onscucess "onSignIn" в файл template.html, который не кажется правильным способом сделать это.

Внутри src /маршруты / 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, где живет сама кнопка.Есть ли предпочтительный способ справиться с чем-то вроде этого?

1 Ответ

0 голосов
/ 15 июля 2019

Если кто-то ищет что-то похожее, я нашел это git-репо, которое я смог запустить и изменить в соответствии со своими потребностями github.com / beyonk-adventures / svelte-social-auth .

...