Ispravljanje Expo EAS Firebase Developer Error Code 10 s Google prijavom

Postavljanje Google prijave za vašu Expo EAS Android aplikaciju: uobičajene zamke i popravci

Izrada aplikacije može biti uzbudljiva, posebno kada se implementiraju značajke koje se besprijekorno povezuju s popularnim uslugama kao što je Google prijava. Međutim, svaki razvojni programer koji je integrirao Firebase autentifikaciju s Google Cloudom na Expo EAS projektu možda je naišao na zastrašujući "Šifra pogreške programera 10.” 😬

Ova se pogreška često javlja prilikom postavljanja React izvorna Google prijava knjižnica u proizvodnji, uzrokujući neočekivane poremećaje koji se ne pojavljuju u lokalnim razvojnim verzijama. To je uobičajena prepreka zbog koje programeri mogu češkati glave, osobito kada se čini da su sve konfiguracije ispravno postavljene.

Jedan nezgodan aspekt ove pogreške je nijansirani proces postavljanja koji uključuje ispravne SHA1 i SHA256 otiske prstiju, OAuth 2.0 ID-ovi klijenata, te upravljanje postavkama Firebasea i Google Play konzole. Nedostatak čak i malog detalja ovdje može dovesti do pogrešaka pri autentifikaciji u proizvodnom okruženju.

U ovom ćemo vodiču istražiti zašto se pojavljuje programerski kod pogreške 10, identificirati potencijalne pogrešne konfiguracije i proći kroz rješenja iz stvarnog svijeta kako bismo osigurali da vaša Google prijava radi glatko. Pobrinimo se da se vaši korisnici mogu prijaviti bez napora i spriječimo proizvodne pogreške! 🚀

Razumijevanje i implementacija Google prijave s Firebaseom u Expu

Za postavljanje Google prijave u React Native projektu kojim upravlja Expo, pozadina i sučelje moraju se pažljivo konfigurirati. Počevši od pozadine, inicijaliziramo Firebase Admin SDK za sigurno rukovanje upravljanjem korisnicima. To se postiže postavljanjem OAuth2Clienta, koji našem poslužitelju omogućuje interakciju s Google API-jima i provjeru tokena koje izdaje Googleova usluga autentifikacije. The verifyIdToken funkcija, koja koristi OAuth2 klijent, igra ključnu ulogu dekodiranjem i potvrđivanjem tokena primljenog od sučelja. Bez ove provjere aplikacija ne može pouzdano utvrditi je li zahtjev korisnika za prijavu legitiman, a svaka nedosljednost ovdje može dovesti do koda pogreške programera 10, koji se često pojavljuje kada tokeni ne odgovaraju očekivanim konfiguracijama u Firebaseu. Ovaj konfiguracijski korak na pozadini pruža snažnu sigurnost jer osiguravamo da samo ovlašteni Google računi mogu komunicirati s Firebaseovom autentifikacijom.

Na sučelju, Google Prijava je konfigurirana pomoću GoogleSignin.configure funkcija koja povezuje aplikaciju s Google Cloudom putem ID-a web klijenta generiranog u Firebaseu. Povezivanjem ovog ID-a Google i Firebase "prepoznaju" našu aplikaciju i omogućuju sigurne prijave. Nakon toga, kada se korisnik pokuša prijaviti, aplikacija poziva GoogleSignin.signIn, koji pokreće postupak prijave i dohvaća ID token ako je uspješan. Ovaj ID token služi kao dokaz korisničke Google autentifikacije, a mi ga prosljeđujemo Firebaseu da dovrši prijavu. Potreba za pozivom hasPlayServices prije stvarne prijave također je važno; ovaj korak provjerava je li uređaj kompatibilan potvrđujući da su Google Play usluge dostupne, smanjujući probleme povezane s kompatibilnošću uređaja i čineći iskustvo prijave lakšim. Ova se naredba može činiti jednostavnom, ali njezina je važnost u osiguravanju da aplikacija ne naiđe na neočekivane kvarove na nekompatibilnim uređajima.

Poslužiteljska strana getUserByEmail igra ulogu u provjeri postoji li Google račun već u Firebaseovim korisničkim zapisima. Ako korisnik još ne postoji, Firebase može stvoriti novi zapis, olakšavajući besprijekornu integraciju korisnika. Na strani Expo-a, u datoteci app.json dodajemo specifične SHA1 otiske prstiju i Google Sign-In dodatak za točno povezivanje Expo okruženja s Firebaseom i Google Cloudom. Ovaj korak premošćuje front-end konfiguraciju s postavkama Firebasea, osiguravajući da nema neusklađenosti između vjerodajnica koje se koriste lokalno i onih potrebnih u proizvodnji. Svaka postavka u ovoj konfiguraciji služi za smanjenje vjerojatnosti pojavljivanja koda pogreške programera 10 u produkcijskoj verziji.

Konačno, pisanje jediničnih testova pomoću Jesta potvrđuje ponašanje svake funkcije. Testiranje Google prijave ismijavanjem Google prijave i drugih bitnih metoda pomaže u prepoznavanju problema u fazi razvoja, smanjujući vjerojatnost grešaka u proizvodnji. Na primjer, lažna metoda prijave omogućuje testiranje bez oslanjanja na stvarnu prijavu na Google račun, potvrđujući da se aplikacija ispravno ponaša kada se vrati važeći token ili kada se naiđe na pogrešku. Ovaj cjelovit radni tijek, od konfiguracije do testiranja, osigurava da Google Prijava radi učinkovito i smanjuje probleme koji često proizlaze iz nepotpunih ili netočnih postavki pozadine i sučelja. S ovim sveobuhvatnim pristupom, prijavu na Google možete učiniti glatkim i pouzdanim iskustvom u svojoj aplikaciji Expo! 🚀

const admin = require('firebase-admin');
const { OAuth2Client } = require('google-auth-library');

// Initialize Firebase Admin SDK
admin.initializeApp({
  credential: admin.credential.applicationDefault(),
  databaseURL: 'https://your-firebase-project.firebaseio.com'
});

// Google OAuth2 Client configuration
const client = new OAuth2Client("YOUR_CLIENT_ID.apps.googleusercontent.com");

// Validate Google token from client-side login
async function verifyGoogleToken(token) {
  try {
    const ticket = await client.verifyIdToken({
      idToken: token,
      audience: "YOUR_CLIENT_ID.apps.googleusercontent.com",
    });
    const payload = ticket.getPayload();
    return payload;
  } catch (error) {
    console.error("Token verification error:", error);
    throw new Error("Invalid Google Token");
  }
}

// Main function to handle Google Sign-In
exports.googleSignIn = async (req, res) => {
  const token = req.body.token;
  if (!token) return res.status(400).send("Token not provided");
  try {
    const userInfo = await verifyGoogleToken(token);
    const userRecord = await admin.auth().getUserByEmail(userInfo.email);
    res.status(200).send(userRecord);
  } catch (error) {
    res.status(401).send("Authentication failed");
  }
};

import { GoogleSignin } from '@react-native-google-signin/google-signin';
import auth from '@react-native-firebase/auth';

// Configure Google Sign-In in Firebase and set the Web Client ID
GoogleSignin.configure({
  webClientId: 'YOUR_CLIENT_ID.apps.googleusercontent.com',
});

export async function googleLogin() {
  try {
    await GoogleSignin.hasPlayServices();
    const { idToken } = await GoogleSignin.signIn();
    const googleCredential = auth.GoogleAuthProvider.credential(idToken);
    await auth().signInWithCredential(googleCredential);
    console.log("Login successful");
  } catch (error) {
    console.error("Google Sign-In error:", error);
  }
}

// Configure Google OAuth Client ID in Expo's app.json
{
  "expo": {
    "plugins": ["@react-native-google-signin/google-signin"],
    "android": {
      "config": {
        "googleSignIn": {
          "apiKey": "YOUR_API_KEY",
          "certificateHash": "SHA1_CERTIFICATE_FROM_GOOGLE_PLAY"
        }
      }
    }
  }
}

// Note: Make sure to add SHA1 and SHA256 fingerprints in Firebase Console
// under Project Settings > General > Your apps > App Fingerprints.

import { render, fireEvent } from '@testing-library/react-native';
import { googleLogin } from './GoogleSignIn';
import { GoogleSignin } from '@react-native-google-signin/google-signin';

// Mock Google Sign-In
jest.mock('@react-native-google-signin/google-signin', () => ({
  GoogleSignin: {
    signIn: jest.fn(() => ({ idToken: 'dummy-token' })),
    hasPlayServices: jest.fn(() => true),
  }
}));

describe('Google Sign-In', () => {
  test('should sign in with Google successfully', async () => {
    await expect(googleLogin()).resolves.not.toThrow();
  });

  test('should handle sign-in failure gracefully', async () => {
    GoogleSignin.signIn.mockImplementationOnce(() => {
      throw new Error("Sign-in error");
    });
    await expect(googleLogin()).rejects.toThrow("Sign-in error");
  });
});

Učinkovito otklanjanje pogrešaka i najbolji primjeri iz prakse za integraciju Google prijave u Expo EAS

Prilikom integriranja Google prijava unutar Expo EAS-a, jedan bitan aspekt koji se može zanemariti je upravljanje spremištima ključeva i SHA certifikati učinkovito u različitim okruženjima. Google autentifikacija ovisi o podudaranju SHA otisaka prstiju, tako da ključevi korišteni u lokalnom testiranju, razvojnim i proizvodnim verzijama na Google Play konzoli moraju biti dosljedni. Čest problem je dodavanje samo ključa SHA1 u Firebase, što nije dovoljno za proizvodna okruženja. Oba SHA1 i SHA256 otisci prstiju trebaju biti ispravno konfigurirani u Firebaseu i Google Play konzoli kako bi se osigurala besprijekorna provjera autentičnosti korisnika. Ova kritična konfiguracija omogućuje Firebaseu da vjeruje vašoj aplikaciji bez obzira na okruženje u kojem se izvodi, što pomaže u izbjegavanju koda pogreške programera 10 i poboljšava opću stabilnost vaše integracije Google prijave.

Druga konfiguracija koja se često propušta uključuje odabir ispravne vrste ID-a klijenta OAuth 2.0 na Google Cloud Console. Kada upotrebljavate Firebase s Expom, ID klijenta generiran u Google konzoli trebao bi biti postavljen na Web Client, a isti webClientId trebao bi biti naveden na sučelju putem GoogleSignin.configure. Iako se ovo može činiti neuobičajenim (jer biste mogli očekivati ​​da koristite Android ID klijenta), Expo zahtijeva ovu konfiguraciju za učinkovito rukovanje Google prijavom na iOS i Android. Osim toga, omogućavanje rukovanja pogreškama i otklanjanja pogrešaka na sučelju i pozadini s jasnim porukama o pogreškama i zapisivanjem pomaže otkriti proizlaze li problemi iz neusklađenih vjerodajnica ili nedostajućih konfiguracija.

Naposljetku, ako se pogreška nastavi pojavljivati ​​u produkcijskoj verziji, razmislite o korištenju Expoovih razvojnih verzija s proizvodnim konfiguracijama. To pomaže lokalno oponašati okruženje slično proizvodnom i može istaknuti probleme koji se mogu pojaviti samo u proizvodnji, kao što su pogrešne konfiguracije na Google Play konzoli. Testiranje na ovaj način osigurava da sve konfiguracije, uključujući one unutar app.json i google-services.json, ispravno se prepoznaju u konačnom proizvodnom izdanju, smanjujući pogreške i poboljšavajući korisničko iskustvo.