Flutter Firebase 不保留用户身份验证

Posted 2023-02-23

【中文标题】Flutter Firebase 不保留用户身份验证

【英文标题】：Flutter Firebase does not persist user authentication

【发布时间】：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 会保留用户身份验证，但它不会在我的程序中发生。在我按下注销按钮之前，有什么方法可以使用户身份验证持续存在吗？如果您有任何想法，请告诉我。

【参考方案1】：

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

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

没有 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。

【讨论】：

很高兴它对您的查询有所帮助！