Какой более быстрый способ реализовать вход в систему с помощью Oauth2? - PullRequest
Новая
       16

Какой более быстрый способ реализовать вход в систему с помощью Oauth2?

0 голосов
/ 11 апреля 2019

Как реализовать более быстрый oauth2?Я попытался реализовать Oauth, который был описан здесь https://developers.google.com/identity/sign-in/web/. Однако после его реализации страница теперь загружается примерно на 27,450% медленнее!

Что я хотел бы получить, так это то, чтотолько изображение кнопки для Google. Тогда: 

1. When a user click that button, it sends him to accounts.google.com/o/auth
2. When the user successfully log in, accounts.google.com sends to the website server the basic information
3. Then the server just parse that information using php. (Maybe using GET request, if not maybe a GET request to a token identifying the user at that moment)

Вот код I, который замедлил загрузку страницы более чем на 27 000% ! 

<html lang="en">
  <head>
    <meta name="google-signin-scope" content="profile email">
    <meta name="google-signin-client_id" content="YOUR_CLIENT_ID.apps.googleusercontent.com">
    <script src="https://apis.google.com/js/platform.js" async defer></script>
  </head>
  <body>
    <div class="g-signin2" data-onsuccess="onSignIn" data-theme="dark"></div>
    <script>
      function onSignIn(googleUser) {
        // Useful data for your client-side scripts:
        var profile = googleUser.getBasicProfile();
        console.log("ID: " + profile.getId()); // Don't send this directly to your server!
        console.log('Full Name: ' + profile.getName());
        console.log('Given Name: ' + profile.getGivenName());
        console.log('Family Name: ' + profile.getFamilyName());
        console.log("Image URL: " + profile.getImageUrl());
        console.log("Email: " + profile.getEmail());

        // The ID token you need to pass to your backend:
        var id_token = googleUser.getAuthResponse().id_token;
        console.log("ID Token: " + id_token);
      }
    </script>
  </body>
</html>

Редактировать: загрузка страницы определяется с помощью Chrome DevTool.

...