[Estoy usando next.js para esta implementación]
Tengo esta función de proveedor de autenticación:
const AuthContext = createContext({}); export function AuthProvider({ children }) { const [userCred, setUserCred] = useState() useEffect(() => { fetch('/api/userAuth').then(results => results.json()).then(data => setUserCred(data)) }, [userCred]); return ( <AuthContext.Provider value={{ userCred }}>{children}</AuthContext.Provider> ); } export const useAuth = () =>useContext(AuthContext)Lo he envuelto en mi _app principal y funciona bien. El único problema es que getTokenId() siempre devuelve vacío.
//in main app import "../styles/globals.css"; import { AuthProvider } from "../context/AuthProvider"; function MyApp({ Component, pageProps }) { return ( <AuthProvider> <Component {...pageProps} /> </AuthProvider> ); } export default MyApp;Sin embargo, cuando inmediatamente consuelo. registro el token de userCredential en mi función de inicio de sesión, el token no está vacío.
import { getAuth, createUserWithEmailAndPassword } from "firebase/auth"; const auth = getAuth(); createUserWithEmailAndPassword(auth, email, password) .then((userCredential) => { // Signed in const user = userCredential.user; token = userCredential._tokenResponse.idToken res.status(200).json({userId: user, token: token }); }) .catch((error) => { const errorCode = error.code; const errorMessage = error.message; res.status(401).json({errorCode: errorCode }) });
como veo en las credenciales de usuario de Firebase, hay dos métodos para obtener el token
getIdTokenResult( forceRefresh?: boolean ): Promise<firebase.auth.IdTokenResult>; /** * Returns a JSON Web Token (JWT) used to identify the user to a Firebase * service. * * Returns the current token if it has not expired. Otherwise, this will * refresh the token and return a new one. * * @param forceRefresh Force refresh regardless of token * expiration. */ getIdToken(forceRefresh?: boolean): Promise<string>;Entonces puedes usar estos métodos, por ejemplo.
const token = userCredential.getIdToken();O
const token = userCredential.getIdTokenResult();Además, siempre devuelve una promesa, así que asegúrese de tomar el resultado de la promesa. Gracias )