GOLD PLAN加入企業が100件を突破しました!

FirebaseのE-mail認証でアドレスが正しいことを確認する

E-mail認証がまだ済んでいない
この記事は約3分で読めます。

Firebaseの認証機能を使えば、面倒なログイン回りの処理がほとんど省略できて幸せになれます。
ほとんどの処理がかなり簡単に使えるのですが、1つ、E-mailが正しいことを確認する処理が若干マニュアルではわかりにくいので備忘録として残します

currentUser.emailVerified

Firebaseでは、E-mailでアカウントを作成した場合、すぐにアカウントが作成されてそのまま利用可能です。しかしユーザが本当に正しいメールアドレスを入力している保証はありません。
ちゃんと確認のメールを送って、それが届いて、メール本文中の確認用リンクを踏んで初めて「正しい」と確認できるのです。

ありがたいことにFireBaseではこの確認作業もあらかじめ用意されているので、いちいち自前で用意しなくても済みます。

ユーザがログインした際、

firebase.auth().currentUser

でログインユーザの情報を取得できます。
同様に、

firebase.auth().currentUser.emailVerified

でログイン中のユーザが入力したメールアドレスが認証済みか否かを取得できます。これはBoolで帰ってきます。なお、googleアカウントによるログインでは、.currentUser.emailVerifiedは常にTrueを返すようです。

認証が終わってないなら認証メールを投げる

ユーザがアカウントを作成したときに入力したメールアドレスは、

firebase.auth().currentUser.email

で取得できます。
firebase.auth().currentUser.emailVerifiedがFalseだったときに、firebase.auth().currentUser.emailのメールアドレス宛に確認メールを投げます。確認メールは

firebase.auth().currentUser.sendEmailVerification()

で送信できます。
メールアドレスは特に指定しなくても、勝手にログインユーザ宛に送ってくれます。

実際にプログラムするとこんな感じです

// Nipoのソースからコピペしたので、独自の命令とかもあります。
    async emailAuthMixin_sendVerifyMail () {
      try {
        await this.$firebase.auth().currentUser.sendEmailVerification()
        alert('E-mailをおくりました')
      } catch (e) {
        console.error(e)
        alert('なんか失敗したようですね') 
      }
    }

一応公式サイトリンク

Nipoのどこで使われてるの?

E-mailの所有者確認が完了していない場合、「プロフィール画面」にて認証メールを催促するボタンが表示されます。

E-mail認証がまだ済んでいない

E-mail認証がまだ済んでいないため、確認用のメールを送信リクエストできる

認証メールの件名は、FireBaseの設定画面から変更できますが、文面は変更できません。(言語を日本語にすることはできます)

Firebase 認証メールの設定

Firebase 認証メールの設定。件名は変更可能だが本文の変更はできない

 

 

 

コメント