Javascript 如何连接到Firebase_Javascript_Angularjs_Firebase_Firebase Realtime Database

Javascript 如何连接到Firebase

javascript angularjs firebase

Javascript 如何连接到Firebase,javascript,angularjs,firebase,firebase-realtime-database,Javascript,Angularjs,Firebase,Firebase Realtime Database,我正在尝试使用AngularJS连接到Firebase 我知道我必须设置配置信息等，但我不知道在哪里以及如何设置在我的代码中，我可以在哪里放置和同步我的配置我的配置是这样的： firebase.initializeApp(config); 这是我的密码： <html lang="en"> <head> <meta charset="UTF-8"> <title>Test1 with Angular1</title&g

我正在尝试使用AngularJS连接到Firebase

我知道我必须设置配置信息等，但我不知道在哪里以及如何设置

在我的代码中，我可以在哪里放置和同步我的配置

我的配置是这样的：

  firebase.initializeApp(config);

这是我的密码：

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test1 with Angular1</title>
    <!-- Angular -->
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>

    <!-- Firebase -->
    <script src="https://cdn.firebase.com/js/client/2.2.4/firebase.js"></script>

    <!-- AngularFire -->
    <script src="https://cdn.firebase.com/libs/angularfire/1.2.0/angularfire.min.js"></script>
    <script>
        var app = angular.module("app",["firebase"]);
        app.controller("myController",["$scope","$firebaseObject",function($scope,$firebaseObject){

            var ref = new Firebase(<url>);
        }]);
    </script>
</head>
<body>
    <div class="container" ng-app="app" ng-controller="myController">
        {{ 1+1 }}
    </div>
</body>
</html>


Test1与Angular1
var app=angular.module（“app”，[“firebase”]）；
app.controller（“myController”、[“$scope”、“$firebaseObject”、函数（$scope、$firebaseObject）{
var ref=新的Firebase（）；
}]);
{{ 1+1 }}

创建一个新文件（只是为了保持干净），调用这个firebase-config.js

将配置添加到文件中

var config = {
 apiKey: "AIzaSyBrPs1GLV-0APAs_3PFpvldGbcgE-eVYY",
 authDomain: "letsayone.firebaseapp.com",
 databaseURL: "https://letsayone.firebaseio.com",
 storageBucket: "letsayone.appspot.com",
 messagingSenderId: "175605985282"
};
firebase.initializeApp(config);

3现在在控制器代码之前，将js文件添加到index.html

....
<script src="https://cdn.firebase.com/libs/angularfire/1.2.0/angularfire.min.js"></script>
<script src="firebase-config.js"></script>
<script>...your controller codes here</script>

。。。。
…您的控制器代码在这里

注意：您应该使用最新版本的firebase。3.x.x

创建一个新文件（只是为了保持干净），调用这个firebase-config.js

将配置添加到文件中

var config = {
 apiKey: "AIzaSyBrPs1GLV-0APAs_3PFpvldGbcgE-eVYY",
 authDomain: "letsayone.firebaseapp.com",
 databaseURL: "https://letsayone.firebaseio.com",
 storageBucket: "letsayone.appspot.com",
 messagingSenderId: "175605985282"
};
firebase.initializeApp(config);

3现在在控制器代码之前，将js文件添加到index.html

....
<script src="https://cdn.firebase.com/libs/angularfire/1.2.0/angularfire.min.js"></script>
<script src="firebase-config.js"></script>
<script>...your controller codes here</script>

。。。。
…您的控制器代码在这里

注意：您应该使用最新版本的firebase。3.x.x

关于你的问题，我真的很困惑，你在使用2.0 SDK，同时使用配置文件，我认为这是3.0的特性？如果我错了，请纠正我

首先，尽量远离新接线员。这对于单元测试来说并不好

这是使用常量和角度服务的更好方法

 app
    .constant('firebaseUrl', "https://letsayone.firebaseio.com")
    .service('rootRef', ['firebaseUrl', Firebase])

在控制器中，您希望注入rootRef

app.
    controller('mainCtrl', ['$scope', 'rootRef', function($scope, rootRef){ 
}])

也不要忘记注入firebaseObject或firebaseArray，具体取决于您将要使用的对象

你的问题让我很困惑，你使用的是2.0 SDK，同时配置了我认为是3.0特性的文件？如果我错了，请纠正我

首先，尽量远离新接线员。这对于单元测试来说并不好

这是使用常量和角度服务的更好方法

 app
    .constant('firebaseUrl', "https://letsayone.firebaseio.com")
    .service('rootRef', ['firebaseUrl', Firebase])

在控制器中，您希望注入rootRef

app.
    controller('mainCtrl', ['$scope', 'rootRef', function($scope, rootRef){ 
}])

也不要忘记注入firebaseObject或firebaseArray，具体取决于您将要使用的对象

您是否尝试将其添加到app.run文件？是否尝试将其添加到app.run文件？是的，升级指南显示diff btw 2.xx（无配置）和3.xx（参考配置）是的，升级指南显示diff btw 2.xx（无配置）和3.xx（参考配置）