如何使用Firebase嵌入谷歌登录按钮进行身份验证

Question

我打算使用谷歌的Firebase处理我的网站身份验证，但我找不到任何关于如何在我的页面上嵌入谷歌登录按钮的文档。我不打算嵌入默认platform.js脚本，因为它不用于处理身份验证。

所有功能正在由firebase处理。另外，我计划使用自定义用户界面，而不是Web上的Firebase用户界面。

按钮文本也应该针对不同的注册和登录按钮模式进行自定义。

Answer 1

您是否正在使用适用于Firebase的angularfire，如果您没有使用它，请尝试通过此链接firebase Google Sign In Method。

Firebase Google登录的工作原理是，如果用户不在Firebase中，它会创建一个新用户。如果用户存在，则认证不会创建用户。所以你不必担心登录和注册。只需提供Google登录即可。例如，考虑这种情况。如果我是Google登录的新用户，它会要求我登录Gmail帐户，一旦登录，它将永远不会再要求我登录，除非我注销，如果下次登录时在按谷歌登录，它会自动登录我进去

如果您寻找与按钮登录代码，请像下面的代码吧，

<input type="button" onclick=callGoogleSignIn() value="Google Sign In"/> 
<script> 
     function callGoogleSignIn(){ 
      var provider = new firebase.auth.GoogleAuthProvider(); 
      firebase.auth().signInWithPopup(provider).then(function(result) { 
       // This gives you a Google Access Token. You can use it to access the Google API. 
       var token = result.credential.accessToken; 
       // The signed-in user info. 
       var user = result.user; 
       // ... 
     }).catch(function(error) { 
      // Handle Errors here. 
       var errorCode = error.code; 
       var errorMessage = error.message; 
       // The email of the user's account used. 
       var email = error.email; 
       // The firebase.auth.AuthCredential type that was used. 
       var credential = error.credential; 
      // ... 
     }); 
     } 
</script> 

请随意问任何怀疑，如果你有去通过这个网站For Firebase Google Log in。这个网站已经开发了谷歌登录firebase，看看他们是如何使用它。希望这可以帮助。