自从 firebase 进行重大更新以来,我几乎不可能找到基本问题的答案。甚至使用他们的文档。
我的问题是如何允许我的用户在我的应用程序上登录一次并无限期或在设定的时间内保持登录状态?
用户登录后,我如何访问他们的数据?比如名字和姓氏?我是否必须创建一个数据库并以某种方式链接到用户ID?
我也很难理解“firebase.auth().signInWithEmailAndPassword(电子邮件,密码)”的工作原理,因为我没有提供我的firebase url。它是从索引页上的配置对象中提取它吗?
这是我的 Angular 代码:
appControllers.controller('userCtrl', ['$scope', '$rootScope', '$ionicPlatform', '$cordovaDevice', '$mdToast', '$mdBottomSheet', '$timeout', '$stateParams', '$state', 'LogIn', 'SignUp', '$http', '$firebaseAuth',
function($scope, $rootScope, $ionicPlatform, $cordovaDevice, $mdToast, $mdBottomSheet, $timeout, $stateParams, $state, LogIn, SignUp, $http, $firebaseAuth) {
var devid;
$scope.id = "1";
$scope.errorMsg = "";
// timeout to get device ID
$timeout(function() {
document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
console.log(device.cordova);
$scope.id = $cordovaDevice.getUUID();
return $scope.id;
}
}, 1000);
// watches change in DEVID
$scope.updateID = function() {
devid = $scope.id;
console.log(devid);
return devid;
};
$scope.initialForm = function() {
$scope.moveBox = function() {
// $("#signupbox").fadeOut();
$('#signupbox').animate({
'marginTop': "+=170px" //moves down
});
$timeout(function() {
$state.go('app.signup');
}, 500);
$timeout(function() {
$('#signupbox').animate({
'marginTop': "-=170px" //moves down
});
}, 1000);
} // end animate
// Toast for empty Fields
$scope.showAlert = function(menuName, time) {
//Calling $mdToast.show to show toast.
$mdToast.show({
controller: 'toastController',
templateUrl: 'toast.html',
hideDelay: time,
position: 'top',
locals: {
displayOption: {
title: menuName
}
}
});
} // End showToast.
// check LogIn
var em, pw;
$scope.user = {};
$scope.updateEmail = function() {
em = $scope.user.email;
console.log(em);
return em;
};
$scope.updatePass = function() {
pw = $scope.user.pass;
console.log(pw);
return pw;
};
// Password Validation
$scope.validatePass = function(ppw) {
if (ppw.length < 8) {
$scope.errorMsg = "Password must be at least 8 characters long";
}
};
// start login
$scope.logInNow = function() {
var sdata = {
em: em,
pw: pw
};
if (pw == "" || pw == null) {
$scope.errorSignIn = "Fields cannot be blank";
}
// FIREBASE LOGIN
else {
firebase.auth().signInWithEmailAndPassword(sdata.em, sdata.pw)
.then(function(authData) {
console.log("Logged in as:", authData.uid);
$state.go('app.types');
}).catch(function(error) {
console.error("Authentication failed:", error);
$scope.errorSignIn = "Email or Password is invalid";
});
}
}
};
$scope.initialForm();
}
]);
最佳答案
永久保持登录状态是默认行为,但这完全取决于 cookie,因此如果 Ionic 清除 cookie,用户就会注销。我不喜欢 Ionic,所以我想你需要弄清楚它是否与 Ionic 有关。 Related Ionic blog post.如果您想在某个时刻注销用户,可以通过设置计时器来实现,并在 X 时间过去后注销用户。请注意,这是客户端操作。
在我的网络应用程序中,我做了这样的事情:
firebase.auth().onAuthStateChanged(function(user) { if (user) { $scope.photoURL = user.photoURL; $scope.name = user.displayName; $scope.logged_in = true; } else { $scope.photoURL = ""; $scope.name = ""; $scope.logged_in = false; } });
它有效,因为每次用户进入应用程序时状态都会发生变化,我总是有正确的数据( Firebase User Interface )。我记得还有另一种方法可以实现,但我遇到了一些问题。
- Firebase 首先进行配置,然后进行初始化,并且您在应用上执行的每次调用都会针对您的项目进行配置。所以是的,它是从配置中提取的。
顺便说一下。您是否使用像 https://firebase.google.com/docs/ 这样的新文档? 。我这么问是因为他们实际上非常好。
关于javascript - Ionic 和 Firebase 自动登录,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39059904/