javascript - Ionic 和 Firebase 自动登录

标签 javascript angularjs firebase angularfire firebase-authentication

自从 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();




  }
]);

最佳答案

  1. 永久保持登录状态是默认行为,但这完全取决于 cookie,因此如果 Ionic 清除 cookie,用户就会注销。我不喜欢 Ionic,所以我想你需要弄清楚它是否与 Ionic 有关。 Related Ionic blog post.如果您想在某个时刻注销用户,可以通过设置计时器来实现,并在 X 时间过去后注销用户。请注意,这是客户端操作。

  2. 在我的网络应用程序中,我做了这样的事情:

    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/

    相关文章:

    javascript - 流/gulp注入(inject)问题

    javascript - FullCalendar 插件 3.1.0 显示不正确

    javascript - 为什么 jQuery.parseJSON 在 Firefox 中无法解析这个有效的 JSON 文档?

    javascript - 为什么以下范围变量在我的指令中没有变为未定义?

    javascript - Ruby on Rails 4 和 asset_path 的用法

    android - firebase (fcm) 说 401 未经授权

    javascript - 服务端可观察数据最初不会在组件 Angular 中更新

    javascript - 无法使用 Angular HttpInterceptor 捕获 401 状态代码

    java - Gradle 同步失败 : com. google.android.gms :play-services-basement and com. google.firebase:firebase-common

    javascript - firebase div Id 未显示 onclick