記事の内容
この記事では、FlutterでFirebaseAuthを使ってemailとpasswordで登録、ログイン、ログアウトをする方法を紹介します。
Firebaseの設定
前提条件として、Firebaseの設定は終わっている必要があります。
画面に沿ってやっていけば、問題なく実装できるはずです^^
registerの実装方法
firebase_authのimportをします。
import 'package:firebase_auth/firebase_auth.dart';
インスタンスを生成します。
final _auth = FirebaseAuth.instance;
引数にemailとpasswordを設定して、createUserWithEmailAndPasswordに渡します。
戻り値はFutureなので、awaitとasyncを忘れないようにしましょう。
final newUser = await _auth.createUserWithEmailAndPassword(email: email, password: password);
ログインに成功した場合は、Navigatorで画面遷移をしています。
if (newUser != null) {
Navigator.pushNamed(context, ChatScreen.id);
}
Navigator.pushNamed(context, ChatScreen.id);
}
遷移前のコード
遷移後のコード
loginの実装方法
ここで、ログインをしています。
final user = await _auth.signInWithEmailAndPassword(email: email, password: password);
logoutは、こちらです。
_auth.signOut();
Navigatorで、元の画面に戻っています。
Navigator.pop(context);
