firebase

【Nuxt.js】firebase基礎編(Auth版):Googleログインをできるようにしよう

前置き

メールアドレスログインと
要領は同じです!
コードもこちらに付け足します✍️

ということで
firebaseAuthを使います💡

使わなくてもできますが
その場合はやることが
3倍には増えます…笑
Google Cloud Platformから
OAuthクラウドIDを発行したり
tokenの照会をするコードを書いたり😦💦

firebaseAuthを使うと
すっっごく!!!
簡単に!!!
実装できます🌟


コードを追加

Googleサインインについてはこちら

まずはAuthentication > Sign-in method
Googleを選択

メールアドレスを選択し保存するだけ!

準備は整ったので
公式Contens2つめに参りましょう♪
Handle the sign-in flow with the Firebase SDK

必須項目:1, 5
Optional:2, 3, 4

ということで必須項目だけ
Vuexにコピペしていきます。

コード

) file

解説

  • actions loginGoogleを作成
    ログインできたら
    ログイン状態をtrueにしたいので
    それを行うcheckLoginをdispatchで呼ぶ
  • 不要な物を削除
    コメント
    セミコロン(;)
    var token
    var user

) pages

) pages

ログインはこれだけです🌟
アカウント作成や、
ログアウトの仕方はまた別記事にて♪

-firebase
-,

© 2020 aLiz Nuxt