3
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

firebase送信可能なメールアドレスで認証する方法(認証時コード追記)

Last updated at Posted at 2020-06-23

#sendEmailVarification()で認証メールを送信する
####はじめに
通知やメルマガでユーザーのアドレスを使用する場合や会員認証が可能。
今回はVue Typescript(javascript)のプロジェクトで実装。
sendSignInLinkToEmail()でもアドレス取得が可能だが、emailLinkを要求するため、2回目以降も毎回リンク付きメールからログインしなければならない。
##①SDKを追加してFirebaseを初期化する
以下記事参照
FirebaseにJavascriptのプロジェクトを追加する
公式
##②sendEmailVerification()で認証メール送信
###②-1 createUserWithEmailAndPassword()でアカウントを作成
認証メールはログイン状態でないと送信できないため、先にアカウントを作成する
※この時点でコンソールにはアカウントが作成されるが、まだ認証済みではない。
6231.png
###②-2 sendEmailVerification()で認証メール送信
6.23.png
※actionCodeSettingsはURL付きメールの設定 公式を参照
認証メールが送れなかったらuser.delete()で消去する
##③emailVerifiedでログインを承認する。
②で送信された認証メールのURLを開くをfirebase.User.emailVerifiedが付与される
onAuthStateChanged()でユーザーの状態を取得してemailVerifiedであればログインさせる。
6232.png

一度サインアウトしてもユーザーのemailVerified状態は保存される。
2回目以降のサインイン↓
6233.png

3
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?