2017-12-24 1 views
0

Ich habe versucht, Firebase-Authentifizierung in meiner Website hinzuzufügen. habe ich versucht, diesen Code:Firebase-Web-Authentifizierung funktioniert nicht

<!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"> 
     // Initialize Firebase 
    var config = { 
    apiKey: "AIzaSyB7cfgbxS4UgkGwsHyFgYwa6Ir7eRTWHM0", 
    authDomain: "web-teachinger.firebaseapp.com", 
    databaseURL: "https://web-teachinger.firebaseio.com", 
    projectId: "web-teachinger", 
    storageBucket: "", 
    messagingSenderId: "1070392376591" 
    }; 
    firebase.initializeApp(config); 
    </script> 
    <script src="https://cdn.firebase.com/libs/firebaseui/2.5.1/firebaseui.js"></script> 
    <link type="text/css" rel="stylesheet" href="https://cdn.firebase.com/libs/firebaseui/2.5.1/firebaseui.css" /> 
    <script type="text/javascript"> 
    firebase.initializeApp(config); 
     // FirebaseUI config. 
     var uiConfig = { 
     signInSuccessUrl: 'success.html', signInOptions: [ 
     // Leave the lines as is for the providers you want to offer your users. 
firebase.auth.GoogleAuthProvider.PROVIDER_ID, 
firebase.auth.FacebookAuthProvider.PROVIDER_ID, 
firebase.auth.TwitterAuthProvider.PROVIDER_ID, 
firebase.auth.GithubAuthProvider.PROVIDER_ID, 
firebase.auth.EmailAuthProvider.PROVIDER_ID, 
firebase.auth.PhoneAuthProvider.PROVIDER_ID 
], 
// Terms of service url. 
tosUrl: 'TOS.php' }; 
// Initialize the FirebaseUI Widget using Firebase. 
var ui = new firebaseui.auth.AuthUI(firebase.auth()); 
// The start method will wait until the DOM is loaded. 
ui.start('#firebaseui-auth-container', uiConfig); 
    </script> 
    </head> 
    <body> 
    <!-- The surrounding HTML is left untouched by FirebaseUI. Your app may use that space for branding, controls and other customizations.--> 
    <h1> 
     Welcome to My Awesome App 
    </h1> 
    <div id="firebaseui-auth-container"> 
    </div> 
</body> 
</html> 

Aber wenn ich Lokaler Host Besuch, es ist nur „Welcome to My Awesome App“ und keine Auth-Anbieter zeigt und keinen Behälter gesehen. Bitte helfen Sie Hinweis: Sie können diesen Code auch in Ihrem Localhost testen.

+0

-Code bei https://teachinger.cu.ma/auth/ hochgeladen – user8984670

Antwort

0

Sie erhalten den folgenden Fehler in der Konsole: Uncaught ReferenceError: firebase is not defined

Sie sind nicht inklusive der Firebase JS CDN: <script src="https://www.gstatic.com/firebasejs/4.8.1/firebase.js"></script>