javascript - 在 angularjs 中找不到 Firebase

Question

我正在制作一个 angularJS 应用程序，我计划使用 Firebase 进行简单的身份验证。

我的index.html 文件包括

    <script src="https://cdn.firebase.com/js/simple-login/1.6.2/firebase-simple-login.js"></script>
    <script src="scripts/login.js"></script>

我的login.js 目前看起来像这样:

$(document).ready(function(){
  var myRef = new Firebase("https://my_app.firebaseio.com");
  var auth = new FirebaseSimpleLogin(myRef, 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 authRef = new Firebase("https://my_app.firebaseio.com/.info/authenticated");
  authRef.on("value", function(snap) {
    if (snap.val() === true) {
      alert("authenticated");
    } else {
      alert("not authenticated");
    }
  });
  auth.login('password', {
    email: 'user@host.com',
    password: 'password',
  });
  console.log(auth); 
});

我真正想做的就是测试我是否可以登录，以及登录后 auth 对象会是什么样子。

稍后，我会将登录集成到 ng-model 中，以这种方式传递数据，而不仅仅是通过硬编码传递数据。

现在的问题是这段代码甚至无法运行，我从 javascript 控制台返回一个错误:

Uncaught ReferenceError: Firebase is not defined 

为什么会发生这种情况？

Answer 1

您似乎尚未包含 firebase.js 脚本。

只有 firebase-simple-login.js 还不够，它需要 firebase.js。

<script src="https://cdn.firebase.com/js/client/1.0.17/firebase.js"></script>
<script src="https://cdn.firebase.com/js/simple-login/1.6.2/firebase-simple-login.js"></script>
<script src="scripts/login.js"></script>