本稿について
本稿はサイト運営者が学んだことなどを記したメモの内容です。
全てが正確な情報とは限りません。ご注意ください。また修正するべき点は適時修正していきます
全てが正確な情報とは限りません。ご注意ください。また修正するべき点は適時修正していきます
#vue
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)
}
}
[参考]