micomia株式会社の井上です。今回はSupabaseを使用したCreate account / loginについて解説していきます。
初心者にもわかりやすく解説していくのでぜひご一読ください。
1. Create Account
1. SupabaseのAuthenticationを開きます。

2. Sign In/Providersを開きます。

3. Auth ProvidersのEmailにあるEnable Email ProviderとSecure Email ChangeがONになっていることを確認します。

4. FlutterFlowのApp SettingsにあるAuthenticationでAuthentication TypeをSupabaseにします。

5. 新規登録の画面で新規登録のActionとしてSupabase AuthenticationのCreate Accountを追加します。

6. Auth ProviderはEmailを選択します。

7. Email FieldとPassword Fieldをそれぞれ設定します。

これでCreate Accountは実装完了です。
2. Login
1. Supabase AuthenticationのLoginを選択します。

2. Auth Provider, Email Field, Password FieldをCreate Accountと同じようにそれぞれ設定します。

これでLoginは実装完了です。
3. さいごに
今回はSupabaseを用いたCreate Account, Loginについて解説していきました。それぞれの要件や仕様に合わせてFirebaseとの使い分けを行っていきましょう。
本記事の内容を動画で観たい方は以下をご覧ください。





.jpg%3Falt%3Dmedia%26token%3Da3c76743-713e-48e5-945a-601a7438cb5c&w=3840&q=75)
.jpg%3Falt%3Dmedia%26token%3D910d6567-e2cd-4ea5-ad8a-07d925ce700b&w=3840&q=75)


.png%3Falt%3Dmedia%26token%3D856fae6b-5eed-41e0-993c-4a053186faf5&w=3840&q=75)


.png%3Falt%3Dmedia%26token%3Def6b9919-f6ea-4ed8-924b-90f297e0549b&w=3840&q=75)


.png%3Falt%3Dmedia%26token%3D8e864089-6895-4bb1-b90d-d607b8416753&w=3840&q=75)





