【TODOアプリ作成】Flutter・Firebaseでゼロからアプリをつくる。

mailによる認証

firebaseでmail認証の有効化

左メニュの「Authentication」を選択。
ログイン方法から「メール/パスワード」を有効化

ログインページの作成

画像を配置します。

今回はFlutter公式からダウンロードしたこちらの画像を使います。
flutter-todo/assets/flutter.png


画像を読み込みます。

flutter-todo/pubspec.yaml

flutter-todo/lib/ui/login.dart

routeの設定をします。
flutter-todo/lib/main.dart

firebaseの
「createUserWithEmailAndPassword」
メソッドにemailとpasswordを渡してあげるだけで簡単にユーザ登録を実装できます


新規にユーザを登録してみましょう

登録に成功するとfirebaseのコンソールからユーザを確認することができるようになります。

ここまでで認証の実装は終わりです。

成果物

こちらが完成した成果物になります。

ソースコードはこちら