見出し画像

【FlutterFlow】完結!メール認証!ユーザ登録からの即パスワード変更:

はい、こんにちは~。前回記事からの続きです。メール認証の基本機能を実装を試みています。

前回は、パスワードを忘れてしまった、、というユーザの方が、ログインページから、パスワードリセット用のページに移動するリンクを設定しましたね。

今回は、ユーザ登録からメールリセットまで実験しましょう!いや~、息詰まるような予感が…。うまくいくでしょうか…。

ということで、行ってみよ~。

Step1:ユーザ登録

まずは、ラン・モードでユーザ登録しましょう!下図のようにサインアップ画面で登録します。

メール認証リンクが届きます。英語で。この文章ってどこかでカスタマイズできると思うのですが、どこなんですかね~。

「認証できたよ!新しいアカウントでサインインできますよ」と表示されます。

はい、下図のようにオンボーディング画面が開きました。

と、言いたいのですが、実際のところラン・モードでは、メール認証リンクを押す前にサインアップで来てしまうのですよね…。設定を誤っているのか、ラン・モードではそういう仕様なのか?少し不安ですが。

とりあえずいったんログアウトします。

以上、ユーザ登録はOK。

Step2:パスワードリセットメール発信

よし、再びサインインだ!、、、と勇んだところ、「パスワードが思い出せない、、、」とします。しょうがないので「パスワード忘れた」リンクをクリックします。

メールアドレスを入力して、ボタン押下して、リセット用のメールを飛ばします。

おお、届きましたね。

ここまで、リセット用のメール受信はOK。

Step3:パスワードをリセットする

また英語ですね。「このメールアドレスのパスワードをリセットするなら、次のリンクに従ってください」と。

リンクをクリックして、新しいパスワードを入力します。

これで、パスワードリセットも完了。あともうちょい。

Step4:再びサインイン

では、新しいパスワードで、もう一回サインインにチャレンジ!

はい、入れました~♪

やったね~。


にしても、デプロイ(公開)後、こんなにスムーズに動く気がしないですけどね。バグはつきものです。でも、ここまで実装できたらなとりあえず満足です。


はい、これでメール認証シリーズは終わりです。長かった、、、。でも、取り組んだ甲斐があって、ここまでできました~。

まとまりのないブログを読んでくれた方、ありがとうございます。誰かが読んでくれていることを知っているからこそ、続けられるこのブログです。ありがとうございます!

次回は、、、Googleサインインなどやりますか!これは、本格的に難しいぞ…。では~

この記事が気に入ったらサポートをしてみませんか?