Question

我正在努力在我的网站上实现FirebaseSimpleLogin功能。我已经阅读了他们所有的文档，我真的没有取得任何进展。我认为，他们似乎本周也更新了他们的文档，所以许多旧的指南和SO答案已经过时了。我真的很感激任何帮助。

目前的主要问题是我一直在我的控制台中看到没有定义FirebaseSimpleLogin。

出于测试目的，我的页面设置如下：

<body>
   <form id="login">
   <input type="email" value="" name="EMAIL" class="loginEmail" id="loginEmail" placeholder="email address" required><br>
   <input type="password" value="" name="EMAIL" class="password" id="password" placeholder="password" required><br>
   <input type="submit" value="Login" name="login" id="mc-embedded-subscribe" class="button">
    </form>
    <script src="http://code.jquery.com/jquery-1.11.0.min.js" type="text/javascript" charset="utf-8"></script>
    <script src='https://cdn.firebase.com/js/client/1.0.15/firebase.js'></script>
    <script src="https://cdn.firebase.com/js/simple-login/1.6.4/firebase-simple-login.js"></script>
    <script type="text/javascript" language="javascript" src="js/signup.js"></script>
</body>

我得到了我的js文件（html中引用的signup.js），如下所示：

var rootRef = new Firebase("https://myfirebase.firebaseio.com");
var authClient = new FirebaseSimpleLogin(rootRef, function(error, user) {
    if (error) {
        // an error occurred while attempting login
        console.log(error);
    } else if (user) {
        // user authenticated with Firebase
        console.log("User ID: " + user.uid + ", Provider: " + user.provider);
    } else {
        // user is logged out
    }
});
var loginEmail = $("#loginEmail").val();
var password = $("#password").val();
authClient.login('password', {
    email: loginEmail,
    password: password,
    rememberMe: true
});

有关如何使其工作的任何指示？

更新我确保在登录页面的脚本之后加载SimpleLogin的.js文件，但我仍然得到“ReferenceError：$ createUser未定义”。： - /

Answer 1

您在加载firebase-simple-login之前加载了javascript文件。只需将您的脚本标记移动到firebase-simple-login之后加载signup.js：

<body>
   <form id="login">
   <input type="email" value="" name="EMAIL" class="loginEmail" id="loginEmail" placeholder="email address" required><br>
   <input type="password" value="" name="EMAIL" class="password" id="password" placeholder="password" required><br>
   <input type="submit" value="Login" name="login" id="mc-embedded-subscribe" class="button">
    </form>
    <script src="http://code.jquery.com/jquery-1.11.0.min.js" type="text/javascript" charset="utf-8"></script>
    <script src='https://cdn.firebase.com/js/client/1.0.15/firebase.js'></script>
    <script src="https://cdn.firebase.com/js/simple-login/1.6.4/firebase-simple-login.js"></script>
    <script type="text/javascript" language="javascript" src="js/signup.js"></script>
</body>

使用Firebase SimpleLogin未定义的功能

1 个答案: