如何保持 Firebase 登录？

Posted 2023-02-23

【中文标题】如何保持 Firebase 登录？

【英文标题】：How to persist a Firebase login?

【发布时间】：2017-08-10 05:32:01

【问题描述】：

我正在使用 Ionic Framework 和 Firebase 制作应用程序。我进行了自定义登录以在 Firebase 中获取数据，但每次重新启动应用程序时，我都需要再次登录。如何保持登录？用户应该是第一次登录，不需要再次登录。

这是我的服务：

(function() 
	'use strict';

    angular
        .module('mytodo.login')
        .factory('LoginService', LoginService);

    LoginService.$inject = ['$state', '$ionicLoading', '$firebaseAuth', '$firebaseObject','$rootScope', '$timeout', 'fb', '$q'];

    function LoginService($state, $ionicLoading, $firebaseAuth, $firebaseObject, $rootScope, $timeout, fb, $q)
        

        var service = 
            CustomLogin: CustomLogin,
            GetCurrentUser: GetCurrentUser,
            RegisterUser: RegisterUser,
        ;
        return service;

        function CustomLogin(email, password) 
            if(email ==null | password == null)
                console.log('Preencha todos os campos!');
                return;
            

            $ionicLoading.show(
                showBackdrop: false,
                 template: '<p>Carregando...</p><ion-spinner icon="android" style="stroke: #1d9c9e;fill:#1d9c9e;"></ion-spinner>'
            );

            $firebaseAuth().$signInWithEmailAndPassword(email, password).then(function(authData) 
                $rootScope.currentUser = GetCurrentUser(authData.uid);

                $timeout(function() 
                    $ionicLoading.hide();
                    $state.go('tab.todo', );
                , 1000);

            ).catch(function(error) 
                showToast();
               
                $ionicLoading.hide();
                
                console.log(error);
            );
        

         function showToast() 
            ionicToast.show('Usuário ou senha inválido', 'middle', false, 1500);
        


        function GetCurrentUser(userId) 
            var query = fb.child('/users/' + userId);
            var currentUser = $firebaseObject(query)
            return currentUser;
        

        function SaveUser(authData) 

            console.log(authData.uid);
            var deffered = $q.defer();
            
            var uid = authData.uid;
            var user = 
                displayName: authData.displayName,
                name: authData.displayName,
                photoURL: authData.photoURL,
                email: authData.email,
                emailVerified: authData.emailVerified,
                providerId: authData.providerData[0].providerId
            ;

            var ref = fb.child('/users/' + uid);
            ref.once("value")
                .then(function(snapshot) 
                    if (snapshot.exists()) 
                        console.log('User already exists');
                     else 
                        ref.set(user);
                    

                    deffered.resolve(snapshot);
                );

            return deffered.promise;
        ;

        function RegisterUser(user) 
            var deffered = $q.defer();
            $ionicLoading.show();
            $firebaseAuth().$createUserWithEmailAndPassword(user.email, user.password).then(function(authData) 
                var newUser = 
                    name: user.name,
                    email: user.email,
                    providerId: authData.providerData[0].providerId
                ;

                var userId = authData.uid;
                var ref = fb.child('/users/' + userId);
                ref.once("value")
                    .then(function(snapshot) 
                        if (snapshot.exists()) 
                            //console.log('User already exists');
                         else 
                            ref.set(newUser).then(function(user)
                                $rootScope.currentUser = GetCurrentUser(userId);
                            )
                        

                        deffered.resolve(snapshot);
                        CustomLogin(user.email, user.password);
                    );
            ).catch(function(error) 
                $ionicLoading.hide();
                var errorCode = error.code;
                console.log(errorCode);

                if(errorCode === 'auth/weak-password')
                    ionicToast.show('Erro, a senha precisa ter no mínimo 6 digitos.', 'middle', false, 3000);
                
                if(errorCode === 'auth/email-already-in-use')
                    ionicToast.show('Erro, o email: ' + user.email + ' já existe em nossa base de dados.', 'middle', false, 3000);
            )

            return deffered.promise;
        ;
    
)();

【参考方案1】：

较新的版本：

像这样初始化应用程序，即使在同一设备上关闭并重新打开浏览器后，用户也能保持登录状态。

import  initializeApp  from 'firebase/app';
import  getAuth, browserLocalPersistence, setPersistence  from 'firebase/auth'

const app = initializeApp(firebaseConfig);
const auth = getAuth(app);
(async () => 
    await setPersistence(auth, browserLocalPersistence);
)();

要获取用户对象，您可以使用React Firebase Hooks：

import  useAuthState  from 'react-firebase-hooks/auth';

const [user, loading, error] = useAuthState(auth);

【讨论】：

正如目前所写，您的答案尚不清楚。请edit 添加其他详细信息，以帮助其他人了解这如何解决所提出的问题。你可以找到更多关于如何写好答案的信息in the help center。

【参考方案2】：

要重申不要自己坚持登录的观点，firebase 会为您执行此操作。我从 typescript FYI 中引用这个。

在官方文档（）中：

firebase.auth().setPersistence(firebase.auth.Auth.Persistence.LOCAL)

local 在磁盘上的位置。

然后在您的代码中，您需要做的就是订阅 onAuthStateChanged observable。

this.firebase.auth.onAuthStateChanged(user => 
  if (user)

不要自己保留纯文本密码！！！！ Firebase 为用户保留 uid、会话 API 密钥等。

只需遵循 Firebase 文档即可。保留纯文本密码会导致安全审计失败。

【讨论】：

我使用了 firebase.auth().setPersistence(firebase.auth.Auth.Persistence.LOCAL) 但是在刷新时没有任何保留

【参考方案3】：

如果您必须至少将密码存储为哈希值，则不应将用户名和密码保存到存储中。

Firebase 具有以下用于再次登录的功能： firebase.auth().onAuthStateChanged(user =>

);

【参考方案4】：

我已经想出了如何做到这一点。也许它不是最正确的答案，但它对我有用。我使用 localSotrage 来存储用户名和密码。我也可以存储 tolken，但我想创建一个“记住密码”屏幕。 当我第一次登录时，我会在我的服务中执行此操作。

service.js 当我存储用户数据时；

localStorage.setItem("uPassword",password);
localStorage.setItem("uEmail",email);

我在控制器中添加了以下 if 语句。如果我已经登录，我会使用电子邮件和密码再次登录。如果我不这样做，我会等待用户按下按钮并在我的服务中调用 de 函数。

controller.js if 语句：

if(localStorage.getItem("uEmail")!==undefined && localStorage.getItem("uPassword")!==undefined) 
  LoginService.CustomLogin(localStorage.getItem("uEmail"),localStorage.getItem("uPassword"))
 

【讨论】：

这是一种不好的做法，如果您将未经过哈希处理的用户凭据存储在本地存储中，这会使开发人员看起来很糟糕。我不会使用你的应用程序。

@mbejda 我完全同意你的观点，这是三年前我开始编码的时候。我为我一开始所做的事情感到羞愧，我不建议任何人这样做或使用这个应用程序（PS：这个应用程序不是，从来没有，也永远不会投入生产）

@LucasGaspar 你可以做的是将接受的答案更改为@Christo Goosen's