Использование Firebase с электронным

Я пытаюсь использовать Firebase с Electron. Устанавливая его так же, как и на веб-странице, он не работает, потому что электронные страницы размещаются локально и не имеют hostname. Это ошибка, которую я получаю...

Uncaught Error: This domain is not authorized for OAuth operations for your Firebase project. Edit the list of authorized domains from the Firebase console.

Я не могу добавить пустой (или подстановочный) разрешенный домен в консоль Firebase, поэтому я застрял. Есть ли у кого-нибудь идеи о том, как обойти это?

edit: Здесь код, который я использую, это просто стандартный шаблон, ничего лишнего...

<script src="https://www.gstatic.com/firebasejs/live/3.0/firebase.js"></script>
<script>
  var config = {
    apiKey: "AIzaSyBvmmPB0_Oddc-02cUj3Ntt3wi8jSxxxx",
    authDomain: "xxxxx-d24ad.firebaseapp.com",
    databaseURL: "https://xxxxx-d24ad.firebaseio.com",
    storageBucket: "",
  };
  firebase.initializeApp(config);
</script>

Ответ 1

Теперь вы можете устранить эту ошибку, удалив строку authDomain из вашей конфигурации. authDomain необходим для операций Auth signInWithPopup/signInWithRedirect, но все остальное должно работать.

Версия библиотеки, которая выдает эту ошибку только тогда, когда вы действительно пытаетесь сделать signInWithPopup/Redirect, находится в работе.

Ответ 2

Я не знаю, является ли это лучшим решением, но это обходной путь.

создать файл server.js с простым экспресс-сервером

"Server.js"

var express = require('express');
var http = require('http');
var path = require('path');

var appServer = express();
appServer.use(express.static(path.join(__dirname, '')));

appServer.get('*', (req, res) => {
    res.sendFile(__dirname + 'index.html');
});

http.createServer(appServer).listen(3007, function() {
    console.log('Express server listening on port');
});

В вашем main.js (электронный-основной-js файл)

В верхней части main.js запустите сервер узла

require('./server');

и измените "win.loadURL"

win.loadURL('http://localhost:3007');

Я разобрал ваш проект и внедрил его, ошибка из firebase исчезла, но jQuery не определен, я думаю, вы можете это исправить.

https://github.com/diegoddox/sad-electron-firebase-error

Ответ 3

Вы можете использовать firebase auth GitHub, Twitter, Facebook, Провайдер Google с электроникой, используя метод ручной регистрации потока и firebase auth signInWithCredential.

https://firebase.google.com/docs/auth/web/github-auth#handle_the_sign-in_flow_manually

Я создал полезную библиотеку для этого случая.

https://github.com/mironal/electron-oauth-helper#firebase-auth-integration

// Github manually flow example.

const { OAuth2Provider } = require("electron-oauth-helper")

const config = { /* oauth config. please see example/main/config.example.js.  */}
const provider = new OAuth2Provider(config)
provider.perform()
  .then(resp => {
    const query = querystring.parse(resp)
    const credential = firebase.auth.GithubAuthProvider.credential(query.access_token)
    firebase.auth().signInWithCredential(credential)
    .then(user => {
        console.log(user)
    })
    .catch(error => console.error(error))
  })
  .catch(error => console.error(error))

Ответ 4

Он работает в Electron 6.0.1 (Google, Facebook и Twitter Auth) через .signInWithPopup. Окружающая среда:

node 10.16.2 LTS
electron 6.0.1
vs2017-win2016
electron-forge 5.2.4

электронный пакет .json

 "dependencies": {
 "@capacitor/electron": "^1.1.0",
 "electron-compile": "^6.4.4",
 "electron-squirrel-startup": "^1.0.0"
  },
  "devDependencies": {
   "babel-plugin-transform-async-to-generator": "^6.24.1",
   "babel-preset-env": "^1.7.0",
   "babel-preset-react": "^6.24.1",
   "electron-forge": "^5.2.4",
   "electron-prebuilt-compile": "4.0.0"
  },

Angular пакет

  "dependencies": {
"@angular/animations": "^8.2.0-next.1",
"@angular/cdk": "^8.0.0",
"@angular/common": "^8.2.0-next.1",
"@angular/core": "^8.2.0-next.1",
"@angular/fire": "^5.2.1",
"@angular/forms": "^8.2.0-next.1",
"@angular/material": "^8.0.0",
"@angular/platform-browser": "^8.2.0-next.1",
"@angular/platform-browser-dynamic": "^8.2.0-next.1",
"@angular/pwa": "^0.800.2",
"@angular/router": "^8.2.0-next.1",
"@angular/service-worker": "^8.2.0-next.1",
"@capacitor/core": "1.1.0",
"@ionic/angular": "^4.6.2",
"@ngx-loading-bar/core": "^4.2.0",
"@ngx-loading-bar/router": "^4.2.0",
"@ngxs/logger-plugin": "^3.3.2",
"@ngxs/store": "^3.3.2",
"angulartics2": "^7.5.2",
"echarts": "^4.2.1",
"firebase": "^6.1.1",
"hammerjs": "^2.0.8",
"immutable": "^4.0.0-rc.12",
"ngx-echarts": "^4.1.1",
"ngx-permissions": "^7.0.3",
"ngx-stars": "^1.3.0",
"rxjs": "6.5.2",
"zone.js": "~0.9.1"
},
"devDependencies": {
  "@angular-devkit/build-angular": "~0.802.0-next.0",
  "@angular/cli": "~8.2.0-next.0",
  "@angular/compiler": "^8.2.0-next.1",
  "@angular/compiler-cli": "~8.2.0-next.1",
  "@angular/language-service": "~8.2.0-next.1",
  "@capacitor/cli": "^1.0.0",
  "@compodoc/compodoc": "^1.1.10",
  "@ionic/angular-toolkit": "~2.0.0",
  "@ngxs/devtools-plugin": "^3.4.3",
  "@ngxs/schematics": "0.0.1-alpha.5",
  "@types/echarts": "^4.1.9",
  "@types/jasmine": "^3.3.12",
  "@types/jasminewd2": "~2.0.6",
  "@types/node": "~11.13.4",
  "ajv": "^6.9.1",
  "codelyzer": "~5.0.0",
  "html-minifier": "^4.0.0",
  "ionic": "^5.0.1",
  "jasmine-core": "~3.4.0",
  "jasmine-spec-reporter": "~4.2.1",
   "karma": "^4.1.0",
"karma-chrome-launcher": "~2.2.0",
"karma-coverage-istanbul-reporter": "~2.0.5",
"karma-jasmine": "~2.0.1",
"karma-jasmine-html-reporter": "^1.4.0",
"karma-mocha-reporter": "^2.2.5",
"protractor": "~5.4.0",
"sonarqube-scanner": "^2.4.0",
"ts-node": "~8.0.3",
"tslint": "~5.15.0",
"tslint-sonarts": "^1.9.0",
"typescript": "~3.4.3"
},

Я скомпилировал для Windows:

DEBUG='electron-forge:*' node_modules/.bin/electron-forge make