Блог

Главная - Вопросы по программированию - Как реализовать вход в Google одним нажатием с firebase auth для веб-приложения?

Как реализовать вход в Google одним нажатием с firebase auth для веб-приложения?

#firebase #web #firebase-authentication #firebaseui

#firebase #веб #firebase-аутентификация #firebaseui

Вопрос:

Я пытаюсь реализовать вход в Google одним нажатием с помощью firebase auth, но я узнал, что пользовательский интерфейс firebase не поддерживает yolo. и я попытался использовать документ пользовательского интерфейса firebase, но я не могу реализовать Google one tap signin с firebase auth. кто-нибудь может подсказать, как я могу это реализовать. я реализовал без аутентификации firebase, но хотел реализовать с помощью аутентификации firebase

 <!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script src="https://www.gstatic.com/firebasejs/4.1.3/firebase.js"></script>
    <!-- <script src="config.js"></script>
    <script src="common.js"></script> -->
    <script src="https://cdn.firebase.com/libs/firebaseui/3.5.2/firebaseui.js"></script>
    <link
      type="text/css"
      rel="stylesheet"
      href="https://cdn.firebase.com/libs/firebaseui/3.5.2/firebaseui.css"
    />
    <script src="https://apis.google.com/js/platform.js" async defer></script>
    <script src="https://accounts.google.com/gsi/client" async defer></script>
    <script src="https://apis.google.com/js/client.js?onload=authorize"></script>
  </head>
  <body>
    <div id="firebaseui-auth-container"></div>
    <div id="loader">Loading...</div>
    <script>
      ui.start("#firebaseui-auth-container", {
        signInOptions: [
          {
            // Google provider must be enabled in Firebase Console to support one-tap
            // sign-up.
            provider: firebase.auth.GoogleAuthProvider.PROVIDER_ID,
            // Required to enable ID token credentials for this provider.
            // This can be obtained from the Credentials page of the Google APIs
            // console. Use the same OAuth client ID used for the Google provider
            // configured with GCIP or Firebase Auth.
            clientId:
              "321013-ab7ep38c2f6fmb975nqbo09f3eca8569.apps.googleusercontent.com",
          },
        ],
        // Required to enable one-tap sign-up credential helper.
        credentialHelper: firebaseui.auth.CredentialHelper.GOOGLE_YOLO,
      });
      // Auto sign-in for returning users is enabled by default except when prompt is
      // not 'none' in the Google provider custom parameters. To manually disable:
      ui.disableAutoSignIn();
    </script>
  </body>
</html>

Ответ №1:

Я нашел руководство по интеграции Google One Tap с Firebase и Angular по адресу: https://mobilelabs.in/learn-google-one-tap-integration-with-firebase-and-angular /. Однако я не пробовал.