2017-10-10 12 views
0

私は本当にこの情報を見つけることができません。実際には、1つのjsスクリプトですべてのdb呼び出しを持つ1つの場所が見つかりました。私のウェブサイトのすべてのページにFirebaseのinitializeApp(config); fun

var config = { 
apiKey: "AAAPPPIIIIKKKEEEYYYYY", 
authDomain: "test-db.firebaseapp.com", 
databaseURL: "https://test-db.firebaseio.com", 
storageBucket: "test-db.appspot.com" 
}; 

firebase.initializeApp(config); 

:私はこれを実行するようになってる場合

は、誰かが明確にしてくださいことはできますか?あるいは、それをjsファイルに入れて、そのファイルを呼び出すだけですか?初期化されたアプリをページ間でどのように渡すのですか? Angularやreactやnode.jを使用していません。私はちょうど真っ直ぐなJavaスクリプトでそれを使用したいですか?これは不可能ですか?

私が呼び出した場合:最初の5行は、アプリケーションを初期化し、私のfirebase.jsを呼び出すdoesntのページで

<script> 
    firebase.auth().onAuthStateChanged(function(user) { 
     if (user) { 
      console.log('User!!') 
     } else { 
      console.log('Not User!!') 
     } 
    }); 
</script> 

、その後、私は「未利用者」を取得。すべてのページでアプリを初期化したいとは思えません。

+0

Firebaseは、[SDK Auto Configuration](https://firebase.google.com/docs/hosting/reserved-urls#sdk_auto-configuration)を提供しています。これは、スクリプトタグ – davidchoo12

+0

に直接入れることができます。 firebase/Google –

答えて

0

VisitFirebaseの公式のドキュメントです。

+0

ウェブアプリケーションでfirebaseを使用しましたか? –

0

だから私は答えを見つけた...ここで

Here is how you would track the Auth state across all your pages: 

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="UTF-8"> 
<title>Sample FirebaseUI App</title> 
<!-- ******************************************************************************************* 
    * TODO(DEVELOPER): Paste the initialization snippet from: 
    * Firebase Console > Overview > Add Firebase to your web app. * 
    ***************************************************************************************** --> 
<script type="text/javascript"> 
    initApp = function() { 
    firebase.auth().onAuthStateChanged(function(user) { 
     if (user) { 
     // User is signed in. 
     var displayName = user.displayName; 
     var email = user.email; 
     var emailVerified = user.emailVerified; 
     var photoURL = user.photoURL; 
     var uid = user.uid; 
     var phoneNumber = user.phoneNumber; 
     var providerData = user.providerData; 
     user.getIdToken().then(function(accessToken) { 
      document.getElementById('sign-in-status').textContent = 'Signed in'; 
      document.getElementById('sign-in').textContent = 'Sign out'; 
      document.getElementById('account-details').textContent = JSON.stringify({ 
      displayName: displayName, 
      email: email, 
      emailVerified: emailVerified, 
      phoneNumber: phoneNumber, 
      photoURL: photoURL, 
      uid: uid, 
      accessToken: accessToken, 
      providerData: providerData 
      }, null, ' '); 
     }); 
     } else { 
     // User is signed out. 
     document.getElementById('sign-in-status').textContent = 'Signed out'; 
     document.getElementById('sign-in').textContent = 'Sign in'; 
     document.getElementById('account-details').textContent = 'null'; 
     } 
    }, function(error) { 
     console.log(error); 
    }); 
    }; 

    window.addEventListener('load', function() { 
    initApp() 
    }); 
</script> 
</head> 
<body> 
<h1>Welcome to My Awesome App</h1> 
<div id="sign-in-status"></div> 
<div id="sign-in"></div> 
<div id="account-details"></div> 
    </body> 
</html> 

彼らは最終的にあなたの「「『「」「ALL」「」「」」』ここで、あなたは全体の認証の状態を追跡する方法をである」と言いますページ。しばらく私を受けたが、私はついに答えを見つけた。どうやら彼らはあなたがすべてのページでアプリを初期化してもらいたいと思っています。 Hmmm

関連する問題