firebase

【Nuxt.js】firebase基礎編(Auth版):アカウント作成をできるようにしよう

前置き

firebase系の記事が増えてきました🌟🤗
ログインの記事は公開しているので
今度はアカウント作成部分を作ります!
この部分だけなら
5分もかからないと思います…笑
firebaseAuthを使えば本当にめちゃくちゃ簡単です💕

こちらは有料記事にて公開します🎈🧸
作成時にメールの送信
エラー別の対処

ここでは純粋に
アカウント作成のみを記載してます!

メールアドレスログイン記事のコードに
付け加えるように書いていきます✍️

おすすめ記事

Googleログイン
twitterログイン
facebookログイン


コードの付け足し

アカウント作成については公式のココ📌
firebase Guides
Create a password-based account

この関数を使うようですね👀
.createUserWithEmailAndPassword()

コード

) pages

まずは登録フォームを作り
それを引数で渡せるようにしましょう!
これはlogin.vueをほぼコピペして少し変更してます。
・dispatchで呼び出すactionsをregisterに変更
・全体のdivのclass名loginをregisterに変更

) file

Vuexのactionsにregisterを追加します🌟

Authenticationで確認

registerで登録をすると
firebaseのAuthenticationで
アカウントが作成されているのが
分かります🤗

簡単ですね🎉✨
ほぼコピペでいけちゃいますね🕶w
なんて楽なんでしょう…✨

-firebase
-,

© 2020 aLiz Nuxt