vue Nuxt Firebase AuthでSNSログイン

本稿について

本稿はサイト運営者が学んだことなどを記したメモの内容です。
全てが正確な情報とは限りません。ご注意ください。また修正するべき点は適時修正していきます
NuxtでのFirebaseライブラリの導入はこちらを参照

FirebaseのログインでSNSログインを利用した時のメモ

methods: {
    async twitterLogin() {
      const provider = new firebase.auth.TwitterAuthProvider()
      this.providerLogin(provider)
    },
    async facebookLogin() {
      const provider = new firebase.auth.FacebookAuthProvider()
      this.providerLogin(provider)
    },
    async appleLogin() {
      const provider = new firebase.auth.OAuthProvider('apple.com')
      this.providerLogin(provider)
    },
    async googleLogin() {
      const provider = new firebase.auth.GoogleAuthProvider()
      this.providerLogin(provider)
    },
    // login
    async providerLogin(provider) {
      let result = await firebase.auth().signInWithPopup(provider).catch((error) => {
        console.warn("Error!!!!!!!!!")
        console.warn(error.code)
        console.warn(error.message)
      })

      console.warn(result)
    }
  }


[参考]





Back