Flutter Firebase认证插件patapata_firebase_auth的使用

关于 #

该软件包是用于Patapata的插件，为您的Patapata应用添加了对Firebase Authentication的支持。它集成了Firebase Authentication并支持用户身份验证功能。

该插件需要安装并激活patapata_firebase_core插件。

由于FlutterFire CLI中的一个错误，0.2.7稳定版本（在编写此README时）未能正确写入运行firebase_auth所需的参数。

临时解决方案是使用CLI的开发版本，并重新运行flutterfire configure。 详情参见

在某些情况下，上述方法可能仍然不够。 如果仍然存在问题，请尝试以下操作：

• 在android/build.gradle文件中添加classpath 'com.google.gms:google-services:4.3.14'。确保版本号完全一致。
• 在android/app/build.gradle文件末尾添加apply plugin: 'com.google.gms.google-services'。

入门 #

1. 将依赖项添加到您的pubspec.yaml文件中

flutter pub add patapata_firebase_auth

1. 导入该包

import 'package:patapata_firebase_auth/patapata_firebase_auth.dart';

1. 激活插件

void main() {
  App(
    environment: const Environment(),
    plugins: [
      FirebaseCorePlugin(),
      FirebaseAuthPlugin(),
    ],
  )
  .run();
}

贡献 #

请查看贡献指南以开始贡献。

许可证 #

请参阅LICENSE文件。

完整示例Demo

下面是一个完整的示例，演示如何使用patapata_firebase_auth进行用户登录和注册。

main.dart

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

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: LoginPage(),
    );
  }
}

class LoginPage extends StatefulWidget {
  [@override](/user/override)
  _LoginPageState createState() => _LoginPageState();
}

class _LoginPageState extends State<LoginPage> {
  final FirebaseAuthPlugin _auth = FirebaseAuthPlugin();

  String _email = '';
  String _password = '';

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Login Page')),
      body: Padding(
        padding: EdgeInsets.all(16.0),
        child: Column(
          children: <Widget>[
            TextField(
              onChanged: (value) => _email = value,
              decoration: InputDecoration(labelText: 'Email'),
            ),
            TextField(
              onChanged: (value) => _password = value,
              obscureText: true,
              decoration: InputDecoration(labelText: 'Password'),
            ),
            SizedBox(height: 20.0),
            ElevatedButton(
              onPressed: () async {
                try {
                  await _auth.signInWithEmailAndPassword(email: _email, password: _password);
                  print('Login successful!');
                } catch (e) {
                  print('Login failed: $e');
                }
              },
              child: Text('Login'),
            ),
            SizedBox(height: 20.0),
            ElevatedButton(
              onPressed: () {
                Navigator.push(
                  context,
                  MaterialPageRoute(builder: (context) => RegisterPage()),
                );
              },
              child: Text('Register'),
            ),
          ],
        ),
      ),
    );
  }
}

class RegisterPage extends StatefulWidget {
  [@override](/user/override)
  _RegisterPageState createState() => _RegisterPageState();
}

class _RegisterPageState extends State<RegisterPage> {
  final FirebaseAuthPlugin _auth = FirebaseAuthPlugin();

  String _registerEmail = '';
  String _registerPassword = '';

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Register Page')),
      body: Padding(
        padding: EdgeInsets.all(16.0),
        child: Column(
          children: <Widget>[
            TextField(
              onChanged: (value) => _registerEmail = value,
              decoration: InputDecoration(labelText: 'Email'),
            ),
            TextField(
              onChanged: (value) => _registerPassword = value,
              obscureText: true,
              decoration: InputDecoration(labelText: 'Password'),
            ),
            SizedBox(height: 20.0),
            ElevatedButton(
              onPressed: () async {
                try {
                  await _auth.createUserWithEmailAndPassword(email: _registerEmail, password: _registerPassword);
                  print('Registration successful!');
                } catch (e) {
                  print('Registration failed: $e');
                }
              },
              child: Text('Register'),
            ),
            SizedBox(height: 20.0),
            ElevatedButton(
              onPressed: () {
                Navigator.pop(context);
              },
              child: Text('Back to Login'),
            ),
          ],
        ),
      ),
    );
  }
}