Как подключиться к Firebase

Question

Как подключиться к Firebase

0

Я пытаюсь подключиться к Firebase, используя AngularJS.

Я знаю, что мне нужно установить конфигурационную информацию и т.д. Но я не знаю, где и как.

Где я могу поместить и синхронизировать свой конфиг в своих кодах?

Высказывание моей конфигурации выглядит так:

  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>

m.a.a. 25 сен. 2016, в 18:24

Источник

0

Вы пытались добавить его в файл app.run?
Ujjwal kaushik 25 сен. 2016, в 16:17

Теги:

javascript

firebase

angularjs

firebase-realtime-database

2 ответа

Ещё вопросы

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

Abdel · Answer 1 · 2016-09-25T17-16-00.000Z

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

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

Fowotade Babajide · Answer 2 · 2016-09-25T13-51-00.000Z

Создайте новый файл (просто чтобы все было в порядке), назовите это 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.xx Документация Firebase