ログイン機能を実装する際に必ず必要になってくるのがパスワードリセット機能。パスワードを忘れてしまった場合に登録したメールアドレスにパスワードリセット用の通知が送られてそこからパスワードを再設定する機能です。
ログイン機能の一部として必ず実装しておきたいですね。
メール認証を使ったログイン機能はこちらで紹介していますのでまだ実装されていない方は是非ご確認くださいませ。
ゴールイメージ
- 登録済みメールアドレスにパスワードリセット用URLを送付。
- それをクリックしてパスワードを再設定する
これだけです！
実装手順
パスワードリセット用ページ作成
- テンプレートにForgot Passwordというのがあるのでそれらを使ってください。一から作らなくてもいいのはホントFlutterFlowの素晴らしいところですね。
- もちろん、既にアクションが組み込まれています。
はい、これで実装は完了です。
パスワードリセット用ページへのリンク作成
- ログイン用ページにパスワードを忘れた際にPassword Resetページへ遷移するリンクを作成してください。
これで実装は終わりです。
テスト
パスワードリセットページにアクセスし、登録済みユーザーのメールアドレスを入力すると以下のメールが送られてきます。
リンクをクリックすることでパスワードリセット画面が表示されてリセットを実施できます。
まとめ
今回はログインに欠かせないパスワードリセット機能の実装方法を説明しました。このような基本的な機能は既に実装されているのであっという間に機能実装できてしまいます。
ありがたいですねぇ。
株式会社Spovisorではノーコード・ローコードツールを使ったシステム開発、アプリ開発を実施しています。
要件定義から伴走して支援し、安価・スピーディー・柔軟な開発を行います。無料でご相談もお受けしております。