2016-09-25 2 views
0

Я пытаюсь подключиться к Firebase, используя 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> 
+0

Вы пытались добавить его в файл app.run? –

ответ

1
  1. Создать новый файл (только, чтобы держать вещи в чистоте), называют это firebase-конфигурации. js
  2. Добавить свою конфигурацию в файл

    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 documentation

1

Что-то действительно меня смущает вопрос, вы используете 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 в зависимости от того, который вы собираетесь использовать!

+0

yep, руководство по обновлению показывает diff btw 2.xx (без конфигурации) и 3.xx (config для ссылок) https://firebase.google.com/support/guides/firebase-web –

Смежные вопросы