Я создаю расширение Chrome с VueJS, в этом расширении у меня есть 3 кнопки для подключения пользователя, Google, Facebook и электронной почты / пароля. Третья система Email / Password работает очень хорошо, и я могу отправить пользователя в свою базу данных, но когда я нажимаю кнопку Google of Facebook, у меня появляется ошибка в консоли, и я не знаю, что это такое, зная, что у меня естьвыполнил все шаги, которые советует нам сделать в документе Google, чтобы создать эти два всплывающих окна аутентификации (даже в папке manifest.json).
Есть ошибка:
code: "auth/unauthorized-domain"
message: "This chrome extension ID (chrome-extension://myID) is not authorized to run this operation. Add it to the OAuth redirect domains list in the Firebase console -> Auth section -> Sign
Естьмой манифест.json
{
"name": "extension",
"description": "VueJS Extension",
"version": null,
"manifest_version": 2,
"icons": {
"128": "icons/logo.png"
},
"browser_action": {
"default_title": "extension",
"default_popup": "popup/popup.html"
},
"content_security_policy": "script-src 'self' https://apis.google.com; object-src 'self'",
"background": {
"scripts": [
"background.js"
]
},
"permissions": [
"identity"
],
"oauth2": {
"client_id": "myAppID.apps.googleusercontent.com",
"scopes": [
"https://apis.google.com"
]
}
}
А есть мой signup.vue компонент:
methods: {
googleSignIn() {
let provider = new firebase.auth.GoogleAuthProvider();
console.log(provider);
fb.auth().signInWithPopup(provider)
.then(function (result) {
console.log(result)
console.log("Account success")
})
.then(() => {
this.$router.push({
name: 'main'
})
})
.catch(function (err) {
console.log(err)
console.log(("Account failed"))
})
},
facebookSignIn() {
let provider = new firebase.auth.FacebookAuthProvider();
console.log(provider);
fb.auth().signInWithPopup(provider)
.then(function (result) {
console.log(result)
console.log("Account success")
})
.then(() => {
this.$router.push({
name: 'main'
})
})
.catch(function (err) {
console.log(err)
console.log(("Account failed"))
})
}
}