Firebase에 연결하는 방법

AngularJS를 사용하여 Firebase에 연결하려고합니다.Firebase에 연결하는 방법

설정 정보 등을 설정해야한다는 것을 알고 있습니다. 그러나 어디서 어떻게 작동하는지 모르겠습니다.

어디에서 코드를 입력하고 동기화 할 수 있습니까?

내 설정을 말하는 것은 이렇게 있습니다 :

<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>

출처

2016-09-25 Murat Aşık

app.run 파일에 추가하려고 했습니까? –

가 (단지 청결하게 유지하기 위해)이 중포 기지 - 설정 전화 새 파일을 만듭니다 여기
```
firebase.initializeApp(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 컨트롤러 코드 전에 index.html에 js 파일을 추가하십시오.

.... 
<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

출처

2016-09-25 16:19:41

뭔가 정말로 당신의 질문에 대해 혼란 스럽네요, 당신은 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 당신이 사용하고자하는 일에 따라 주입하는 것을 잊지 마세요!

출처

2016-09-25 18:34:24 Abdel

예, 업그레이드 가이드에서 diff btw 2.xx (구성 없음) 및 3.xx (참조 용 구성) https://firebase.google.com/support/guides/firebase-web을 보여줍니다. –

Firebase에 연결하는 방법

답변

관련 문제