Firebaseに接続する方法

AngularJSを使用してFirebaseに接続しようとしています。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>

出典

2016-09-25 Murat Aşık

app.runファイルに追加しようとしましたか？ –

は、新しいファイルを作成します（ただきれいなものを維持するために）、この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 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){ 
}])

を注入したいまた、あなたが使用しようとしている1に応じて、firebaseObjectまたはfirebaseArrayを注入することを忘れないでください！

出典

2016-09-25 18:34:24 Abdel

アップグレードガイドにはdiff btw 2.xx（no config）と3.xx（ref for config）が表示されています。https://firebase.google.com/support/guides/firebase-web –

答えて

関連する問題