Flutter Firebase认证插件easy_firebase_auth的使用

easy_firebase_auth 是一个简化 Firebase 认证流程的 Flutter 插件。它提供了一个简单易用的 API，帮助开发者快速集成 Firebase 认证功能，而无需处理复杂的 Firebase SDK 配置和认证逻辑。

以下是使用 easy_firebase_auth 插件的步骤：

1. 添加依赖

首先，在 pubspec.yaml 文件中添加 easy_firebase_auth 依赖：

dependencies:
  flutter:
    sdk: flutter
  easy_firebase_auth: ^latest_version

然后运行 flutter pub get 来获取依赖。

2. 初始化 Firebase

在使用 easy_firebase_auth 之前，你需要在 Flutter 项目中初始化 Firebase。通常，你需要在 main.dart 文件中进行初始化：

import 'package:firebase_core/firebase_core.dart';
import 'package:flutter/material.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await Firebase.initializeApp();
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

3. 使用 easy_firebase_auth 进行认证

接下来，你可以在应用中使用 easy_firebase_auth 进行用户认证。以下是一个简单的示例，展示了如何使用电子邮件和密码进行注册和登录。

注册用户

import 'package:easy_firebase_auth/easy_firebase_auth.dart';
import 'package:flutter/material.dart';

class RegisterPage extends StatelessWidget {
  final _emailController = TextEditingController();
  final _passwordController = TextEditingController();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Register'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          children: [
            TextField(
              controller: _emailController,
              decoration: InputDecoration(labelText: 'Email'),
            ),
            TextField(
              controller: _passwordController,
              decoration: InputDecoration(labelText: 'Password'),
              obscureText: true,
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: () async {
                try {
                  await EasyFirebaseAuth().registerWithEmailAndPassword(
                    email: _emailController.text,
                    password: _passwordController.text,
                  );
                  Navigator.of(context).pop(); // 注册成功后返回登录页面
                } catch (e) {
                  ScaffoldMessenger.of(context).showSnackBar(
                    SnackBar(content: Text('Registration failed: $e')),
                  );
                }
              },
              child: Text('Register'),
            ),
          ],
        ),
      ),
    );
  }
}

登录用户

import 'package:easy_firebase_auth/easy_firebase_auth.dart';
import 'package:flutter/material.dart';

class LoginPage extends StatelessWidget {
  final _emailController = TextEditingController();
  final _passwordController = TextEditingController();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Login'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          children: [
            TextField(
              controller: _emailController,
              decoration: InputDecoration(labelText: 'Email'),
            ),
            TextField(
              controller: _passwordController,
              decoration: InputDecoration(labelText: 'Password'),
              obscureText: true,
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: () async {
                try {
                  await EasyFirebaseAuth().signInWithEmailAndPassword(
                    email: _emailController.text,
                    password: _passwordController.text,
                  );
                  Navigator.of(context).pushReplacementNamed('/home'); // 登录成功后跳转到主页
                } catch (e) {
                  ScaffoldMessenger.of(context).showSnackBar(
                    SnackBar(content: Text('Login failed: $e')),
                  );
                }
              },
              child: Text('Login'),
            ),
          ],
        ),
      ),
    );
  }
}

4. 监听认证状态

你可以使用 EasyFirebaseAuth 来监听用户的认证状态，以便在用户登录或注销时更新 UI。

import 'package:easy_firebase_auth/easy_firebase_auth.dart';
import 'package:flutter/material.dart';

class HomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Home'),
      ),
      body: Center(
        child: StreamBuilder(
          stream: EasyFirebaseAuth().authStateChanges(),
          builder: (context, snapshot) {
            if (snapshot.hasData) {
              return Text('User is logged in');
            } else {
              return Text('User is logged out');
            }
          },
        ),
      ),
    );
  }
}

5. 注销用户

你可以使用 EasyFirebaseAuth 来注销当前用户：

ElevatedButton(
  onPressed: () async {
    await EasyFirebaseAuth().signOut();
    Navigator.of(context).pushReplacementNamed('/login'); // 注销后跳转到登录页面
  },
  child: Text('Logout'),
);