javascript - Firebase Web Auth fungerer ikke på mobile enheter?

Jeg hadde planlagt å bruke Firebases leverandørautentisering for webappen min, men det ser ut til at det ikke fungerer på mobile enheter. Nettstedet er live her:

https://cypher.city

Så når du klikker på denne knappen:

en popup vil vises. Og når du klikker på denne knappen:

da bør det gå til en Google-leverandør autentiseringsflyt.

Koden min for det ser slik ut:

var provider = new firebase.auth.GoogleAuthProvider();
  firebase.auth().signInWithRedirect(provider).then((result) => {
    // console.log('@$ signin wiht google worked!' + e +', user is: ' + firebase.auth().currentUser.uid);
    console.log('@$ signin wiht google worked!' + result.user);

  }).catch((e) => {
    console.log('@$ signin wiht google failed!' + e);

    firebase.auth().signInAnonymously().then((user) => {
      console.log('@$ signed in anonymously againQ ' + user.uid);
      // console.log('@$ and firebase knows it: ' + firebase.auth().currentUser.uid);
    }).catch((e) => {
      console.log('@$ signed in anonymously failed ' + e);

    })

  })

Problemet er at mens dette fungerer bra på skrivebord, fungerer det ikke i det hele tatt på mobile enheter. Jeg har prøvd både "signInWithRedirect" og "signInWithPopup", men når jeg kaller disse metodene på min Huawei Honor-telefon, skjer ingenting (i noen nettleser).

Gjør jeg noe galt her, eller fungerer bare ikke Firebase webautentisering på mobil?

Svar #1

Dette er litt pinlig, men det kan hjelpe noen andre. Det virkelige problemet viste seg ikke å ha noe med mobile enheter å gjøre, men faktisk at jeg brukte et tilpasset domene og hadde glemt å legge det til i autentiseringsdelen på konsollen. Når jeg testet produksjonsappen med Chrome DevTools åpnet, kunne jeg se denne feilen i konsollen:

Å legge til mitt tilpassede domene i denne delen av Firebase-konsollen fungerte:

Relaterte artikler