Firebase 集成

这一课你将能做到

1. 用 FlutterFire CLI 把 Firebase 项目接入 Flutter（Android + iOS 双端）
2. 用 Firebase Auth 实现邮箱注册/登录、Google 登录，并管理登录态
3. 用 Cloud Firestore 做实时数据读写，并接入 Firebase Cloud Messaging 接收推送

为什么要学

Firebase 给 Flutter 提供「开箱即用的后端」：认证、数据库、推送、崩溃分析、AB 测试。不会 Firebase，做个人项目就只能手撸后端。即使是公司项目，理解 Firebase 也有助于理解 BaaS 模式。

人话：Firebase 就像「云端全家桶」，认证、数据库、推送、分析一锅端，让你专注写 UI 和业务。

先建立图像

Flutter App
  ├── FirebaseAuth            ← 登录 / 注册 / 登出
  ├── Cloud Firestore         ← NoSQL 实时数据库
  ├── Firebase Cloud Messaging← 推送通知
  ├── Firebase Crashlytics    ← 崩溃上报
  └── Firebase Analytics      ← 埋点统计

跟着做

步骤 1：创建 Firebase 项目并初始化 FlutterFire

1. 打开 <https://console.firebase.google.com>，创建一个项目（比如叫 flutter-demo）。
2. 安装 FlutterFire CLI：

dart pub global activate flutterfire_cli

3. 在 Flutter 项目根目录运行：

flutterfire configure

按提示选 Firebase 项目、勾选 Android 和 iOS。CLI 会自动：

• 生成 firebase_options.dart（包含各平台的 API Key）
• 在 Android 项目里下载 google-services.json
• 在 iOS 项目里下载 GoogleService-Info.plist

4. pubspec.yaml 加依赖：

dependencies:
  firebase_core: ^2.24.0
  firebase_auth: ^4.16.0
  cloud_firestore: ^4.15.0
  firebase_messaging: ^14.7.0
  firebase_crashlytics: ^3.4.0

步骤 2：初始化 Firebase

import 'package:firebase_core/firebase_core.dart';
import 'firebase_options.dart';

Future<void> main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await Firebase.initializeApp(
    options: DefaultFirebaseOptions.currentPlatform,
  );
  runApp(const MyApp());
}

关键：WidgetsFlutterBinding.ensureInitialized() 必须最先调用，否则原生插件可能没准备好。

步骤 3：邮箱注册 / 登录

import 'package:firebase_auth/firebase_auth.dart';

class AuthService {
  final _auth = FirebaseAuth.instance;

  Stream<User?> get authState => _auth.authStateChanges();

  Future<UserCredential> signUp(String email, String password) {
    return _auth.createUserWithEmailAndPassword(email: email, password: password);
  }

  Future<UserCredential> signIn(String email, String password) {
    return _auth.signInWithEmailAndPassword(email: email, password: password);
  }

  Future<void> signOut() => _auth.signOut();

  User? get currentUser => _auth.currentUser;
}