![見出し画像](https://assets.st-note.com/production/uploads/images/110405338/rectangle_large_type_2_917de1808de32806f9a7cd8a225cf691.png?width=1200)
【FlutterFlow】完結!メール認証!ユーザ登録からの即パスワード変更:
はい、こんにちは~。前回記事からの続きです。メール認証の基本機能を実装を試みています。
前回は、パスワードを忘れてしまった、、というユーザの方が、ログインページから、パスワードリセット用のページに移動するリンクを設定しましたね。
今回は、ユーザ登録からメールリセットまで実験しましょう!いや~、息詰まるような予感が…。うまくいくでしょうか…。
ということで、行ってみよ~。
Step1:ユーザ登録
まずは、ラン・モードでユーザ登録しましょう!下図のようにサインアップ画面で登録します。
![](https://assets.st-note.com/img/1688848111776-96mg1RQsI5.png?width=1200)
メール認証リンクが届きます。英語で。この文章ってどこかでカスタマイズできると思うのですが、どこなんですかね~。
![](https://assets.st-note.com/img/1688848219954-bhwDJoJeAG.png)
「認証できたよ!新しいアカウントでサインインできますよ」と表示されます。
![](https://assets.st-note.com/img/1688848242350-80BLOGdclZ.png)
はい、下図のようにオンボーディング画面が開きました。
![](https://assets.st-note.com/img/1688848136837-3MMRigWgpF.png)
と、言いたいのですが、実際のところラン・モードでは、メール認証リンクを押す前にサインアップで来てしまうのですよね…。設定を誤っているのか、ラン・モードではそういう仕様なのか?少し不安ですが。
とりあえずいったんログアウトします。
![](https://assets.st-note.com/img/1688848176336-QMaNAaPROW.png?width=1200)
以上、ユーザ登録はOK。
Step2:パスワードリセットメール発信
よし、再びサインインだ!、、、と勇んだところ、「パスワードが思い出せない、、、」とします。しょうがないので「パスワード忘れた」リンクをクリックします。
![](https://assets.st-note.com/img/1688848308917-m6l9BJTrgR.png?width=1200)
メールアドレスを入力して、ボタン押下して、リセット用のメールを飛ばします。
![](https://assets.st-note.com/img/1688848347110-twxonBGAef.png?width=1200)
おお、届きましたね。
![](https://assets.st-note.com/img/1688848378693-UNKfii184P.png?width=1200)
ここまで、リセット用のメール受信はOK。
Step3:パスワードをリセットする
また英語ですね。「このメールアドレスのパスワードをリセットするなら、次のリンクに従ってください」と。
![](https://assets.st-note.com/img/1688848405230-quz6WC4ew5.png?width=1200)
リンクをクリックして、新しいパスワードを入力します。
![](https://assets.st-note.com/img/1688848463496-07jyGKTrsR.png)
これで、パスワードリセットも完了。あともうちょい。
Step4:再びサインイン
では、新しいパスワードで、もう一回サインインにチャレンジ!
![](https://assets.st-note.com/img/1688848601630-Y42cYpnP9g.png)
はい、入れました~♪
![](https://assets.st-note.com/img/1688848708889-2gjwOhff2F.png)
やったね~。
にしても、デプロイ(公開)後、こんなにスムーズに動く気がしないですけどね。バグはつきものです。でも、ここまで実装できたらなとりあえず満足です。
はい、これでメール認証シリーズは終わりです。長かった、、、。でも、取り組んだ甲斐があって、ここまでできました~。
まとまりのないブログを読んでくれた方、ありがとうございます。誰かが読んでくれていることを知っているからこそ、続けられるこのブログです。ありがとうございます!
次回は、、、Googleサインインなどやりますか!これは、本格的に難しいぞ…。では~
この記事が気に入ったらサポートをしてみませんか?