【问题标题】:Flutter Firebase does not persist user authenticationFlutter Firebase 不保留用户身份验证
【发布时间】:2020-10-19 12:03:53
【问题描述】:

我正在 Flutter 中使用 Firebase 谷歌身份验证创建一个应用。我能够登录到应用程序,但是当我关闭应用程序时,身份验证被删除,需要我重新登录。

这是我的登录屏幕,“使用 Google 登录”按钮将触发 _signInButton() 中的 onPressed()。

import 'package:flutter/material.dart';
import 'package:auth_screen/sign_in.dart';
import 'package:auth_screen/homepage.dart';

class LoginPage extends StatefulWidget {
  @override
  _LoginPageState createState() => _LoginPageState();
}

class _LoginPageState extends State<LoginPage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        color: Colors.white,
        child: Center(
          child: Column(
            mainAxisSize: MainAxisSize.max,
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              Image(image: AssetImage("assets/thelogo.jpg"), height: 200.0),
              SizedBox(height: 25),
             _signInButton(),
            ],
          ),
        ),
      ),
    );
  }

  Widget _signInButton() {
    return OutlineButton(
      splashColor: Colors.grey,
      onPressed: () {
        signInWithGoogle().whenComplete(() {
          Navigator.of(context).push(
            MaterialPageRoute(
              builder: (context) {
                return MyHomePage();
              },
            ),
          );
      });
      },
     shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(40)),
      highlightElevation: 0,
      borderSide: BorderSide(color: Colors.grey),
      child: Padding(
        padding: const EdgeInsets.fromLTRB(0, 10, 0, 10),
        child: Row(
          mainAxisSize: MainAxisSize.min,
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Image(image: AssetImage("assets/google_logo.png"), height: 35.0),
            Padding(
              padding: const EdgeInsets.only(left: 10),
              child: Text(
                'Sign in with Google',
                style: TextStyle(
                  fontSize: 20,
                  color: Colors.grey,
                ),
              ),
            )
          ],
        ),
      ),
    );
  }
}

这是所有 Google 和 Firebase 执行身份验证的页面。

import 'package:firebase_auth/firebase_auth.dart';
import 'package:google_sign_in/google_sign_in.dart';
import 'package:cloud_firestore/cloud_firestore.dart';

final FirebaseAuth _auth = FirebaseAuth.instance;
final GoogleSignIn googleSignIn = GoogleSignIn();

String name;
String email;
String imageUrl;

Future<String> signInWithGoogle() async {

  final GoogleSignInAccount googleSignInAccount = await googleSignIn.signIn();
  final GoogleSignInAuthentication googleSignInAuthentication = await googleSignInAccount.authentication;

  final AuthCredential credential = GoogleAuthProvider.getCredential(
    accessToken: googleSignInAuthentication.accessToken,
    idToken: googleSignInAuthentication.idToken,
  );

  final AuthResult authResult = await _auth.signInWithCredential(credential);
  final FirebaseUser user = authResult.user;

  imageUrl = user.photoUrl;

  assert(!user.isAnonymous);
  assert(await user.getIdToken() != null);

  final FirebaseUser currentUser = await _auth.currentUser();
  assert(user.uid == currentUser.uid);

  //return 'signInWithGoogle succeeded: $user';
}

void signOutGoogle() async{
  await googleSignIn.signOut();
  theID = '';
  print("User Sign Out");
}

我听说默认情况下 Firebase 会保留用户身份验证,但它不会在我的程序中发生。在我按下注销按钮之前,有什么方法可以使用户身份验证持续存在吗?如果您有任何想法,请告诉我。

【问题讨论】:

    标签: firebase flutter firebase-authentication


    【解决方案1】:

    Firebase 确实存储持久身份验证,您只需要调用它!

    有两种方法可以解决这个问题:

    1. 没有 Shared_pref - 在此方法中,您创建一个启动屏幕,这是您的应用程序的入口点(在此处添加应用程序徽标或其他内容),并在其中检查用户是否已登录然后发送将他转到主屏幕,或者将他发送到登录屏幕。
    Future<void> _handleStartScreen() async {
        Auth _auth = Auth();
    
        if (await _auth.isLoggedIn()) {
          Navigator.popAndPushNamed(context, HomeScreen.id);
        } else {
          Navigator.popAndPushNamed(context, WelcomeScreen.id);
        }
      }
    

    您可以从初始屏幕的 initstate 调用它。

    2.使用 Shared_pref:- 这是更常用的方式。在此,您使用包 shared_preferences(https://pub.dev/packages/shared_preferences#-readme-tab-,您可以从给定的链接检查如何使用它)在应用程序中本地存储身份验证状态 因此,每当用户登录时,使用 logged_in = true 在其中存储一个布尔值,并且每当应用程序启动时,您都会从启动屏幕调用 shared_preferences 的实例。 你可以在他注销时切换logged_in var。

    【讨论】:

    • 很高兴它对您的查询有所帮助!
    猜你喜欢
    • 2019-12-26
    • 1970-01-01
    • 2018-03-22
    • 2019-01-05
    • 2021-08-29
    • 2019-06-25
    • 1970-01-01
    • 2022-01-11
    • 2019-04-06
    相关资源
    最近更新 更多