似乎无法通过Firebase打开Google Popup

我一直试图使用Firebase Google Auth系统登录Web应用程序以登录用户。我试图在登录时调用signInWithPopup（）函数按钮被点击，但页面仍然无法响应。似乎无法通过Firebase打开Google Popup

<!DOCTYPE html> 
<html > 
<head> 
<meta charset="UTF-8"> 
<title>Social Login Button</title> 
    <script> 
     //my Firebase initialization snippet 
     var config = { 
      apiKey: "AIzaSyBqscqBBOImd2QqtAWCl3VCuKNF4yNwmnc", 
      authDomain: "appvise-25c65.firebaseapp.com", 
      databaseURL: "https://appvise-25c65.firebaseio.com", 
      storageBucket: "appvise-25c65.appspot.com" 
     }; 
     firebase.initializeApp(config); 
    </script> 


    <script src="https://www.gstatic.com/firebasejs/3.3.0/firebase-app.js">  </script> 
    <script src="https://www.gstatic.com/firebasejs/3.3.0/firebase-auth.js"></script> 
    <script src="https://www.gstatic.com/firebasejs/3.3.0/firebase-database.js"></script> 

<script> 
    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> 
    <link rel="stylesheet" href="style.css" type="text/css"> 




</head> 

    <body>

这是页面的实际标记。

 <div class="login-box"> 
     <h2>Social Login Button</h2> 
     <a href="#" class="social-button" id="facebook-connect" > <span>Connect with Facebook</span></a> 
     <a href="#" class="social-button" id="google-connect" onclick="signInWithPopup()" > <span>Connect with Google</span></a> 
     <a href="#" class="social-button" id="twitter-connect"> <span>Connect with Twitter</span></a> 
     <a href="#" class="social-button" id="linkedin-connect"> <span>Connect with LinkedIn</span></a> 
    </div> 
<script src="https://www.gstatic.com/firebasejs/3.3.0/firebase.js"></script> 

    </body> 
    </html>

当悬停signInWithPopup错误提示“未解决的功能或方法”弹出，即使火力地堡是貌似设置。

谢谢你的时间。

来源

2016-08-22 Maëlhann Rozé

在您加入Firebase SDK之前，您正在致电firebase.initializeApp。移动这三条线：

<script src="https://www.gstatic.com/firebasejs/3.3.0/firebase-app.js">  </script> 
<script src="https://www.gstatic.com/firebasejs/3.3.0/firebase-auth.js"></script> 
<script src="https://www.gstatic.com/firebasejs/3.3.0/firebase-database.js"></script>

在您的initializeApp之上呼叫。

来源

2016-08-22 17:23:08

似乎无法通过Firebase打开Goog​​le Popup

回答

相关问题

似乎无法通过Firebase打开Google Popup