Firebase以離子和角度js啓動

Question

我無法訪問firebase。錯誤日誌顯示：在console.firebase.google.com創建

項目必須使用新的火力地堡認證的SDK可以從firebase.google.com/docs/auth/

我怎麼能繼續在這個？

我想通過電子郵件和密碼進行身份驗證，並且我需要安裝db並使用提取&更新工作流程。

我用下面的編碼部分，

的index.html

<!-- 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.1.2/angularfire.min.js"></script> 

<div class="list"> 
      <label class="item item-input"> 
       <span class="input-label">Username</span> 
       <input type="email" ng-model="userDetails.userEmail"> 
        </label> 
      <label class="item item-input"> 
       <span class="input-label">Password</span> 
       <input type="password" ng-model="userDetails.userPassword"> 
        </label> 
      <button class="button button-full button-positive" ng-click="doLogin()"> 
       Sign In 
      </button> 
     </div> 

app.js

var starterApp = angular.module('starterApp', ['ionic', 'starterApp.UserOneController','starterApp.UserTwoController','starterApp.UserHomeController','starterApp.UserAccountController','starterApp.services','starterApp.Filters','firebase']) 

UserAccountController.js

.controller('UserAccountCtrl', function($scope,$rootScope,$filter,$firebaseAuth,$ionicLoading) { 

    $scope.doLogin = function() { 


       // Adding fireBase 

       var ref = new Firebase("https://sierra-e352f.firebaseio.com"); 

       var eMail = 'suthm@gmail.com'; 
       var userPwd = 'suthm@123'; 

       ref.createUser({ 
           email : eMail, 
           password : userPwd 
           }, function(error, userData) { 
           if (error) { 
           alert("Error creating user:", error); 
           console.log("Error creating user:", error); 

           } else { 
           alert("Successfully created user account with uid:", userData.uid); 
           console.log("Successfully created user account with uid:", userData.uid); 

           } 
           }); 


       }); 

謝謝！

Answer 1

我可以使用離子和科爾多瓦訪問firebase 3.0系列。 請找到下面的鍛鍊和嘗試你的。乾杯！

的index.html

<!-- Angular --> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"></script> 

<!-- Firebase --> 
<script src="https://www.gstatic.com/firebasejs/3.0.3/firebase.js"></script> 

<!-- AngularFire --> 
<script src="https://cdn.firebase.com/libs/angularfire/2.0.0/angularfire.min.js"></script> 

<!-- cordova script (this will be a 404 during development) --> 
<script src="cordova.js"></script> 

<!-- Firebase Account Setup--> 

<script> 
//Initialize the Firebase SDK 
var config = { 
apiKey: "", 
authDomain: "", 
databaseURL: "", 
storageBucket: "", 
}; 

firebase.initializeApp(config); 

//Get a reference to the database service 
var database = firebase.database(); 

</script> 

Signup.js - 使用火力地堡signInWithEmailAndPassword

0123使用火力地堡createUserWithEmailAndPassword

angular.module('starterApp.UserSignupController', ['firebase']) 

.controller('UserSignupCtrl', function($scope,$rootScope,$filter,$ionicLoading,$firebaseAuth,$state) { 

//Do Login 

$scope.userDetails={}; 

$scope.doFireSignup = function() { 

// Accessing this values from HTML Signup UI View 

var userName = $scope.userDetails.userName; 
var userEmail = $scope.userDetails.userEmail; 
var userPassword = $scope.userDetails.userPassword; 

$scope.authObj = $firebaseAuth(); 

//Create a new user 
firebase.auth().createUserWithEmailAndPassword(userEmail, userPassword) 
.then(function(firebaseUser) { 
$scope.message = "User created with uid: " + firebaseUser.uid; 
alert($scope.message); 
console.log($scope.message); 

$state.go('userSignIn'); 

}).catch(function(error) { 
$scope.error = error; 
alert($scope.error); 
console.log($scope.error); 

}); 
}; 
}); 

登錄In.js

var userName = $scope.userDetails.userName; 
var userEmail = $scope.userDetails.userEmail; 
var userPassword = $scope.userDetails.userPassword; 

$scope.authObj = $firebaseAuth(); 

//Create a new user 
firebase.auth().signInWithEmailAndPassword(userEmail, userPassword) 
.then(function(firebaseUser) { 
$scope.message = "User singed with uid: " + firebaseUser.uid; 
alert($scope.message); 
console.log($scope.message); 

$state.go('tab.userOne'); 

}).catch(function(error) { 
$scope.error = error; 
alert($scope.error); 
console.log($scope.error); 

});