在现有令牌过期后，如何使用 firebase 刷新令牌请求新的访问令牌？

Question

I have a react app and I am using firebase auth for authentication. I have an auth context and everything works great. The issue is after 1 hour, the token expires and since we are using our auth token for api authentication the apis fail to work after one hour. How can I monitor when the token expires, and request a new one using the refresh token that is in firebase?

 useEffect(() => {
    const unsubscribe = auth.onAuthStateChanged((user) => {
      if (user) {
        const lastSignInTime = new Date(user.metadata.lastSignInTime);
        const lastSignInTimeTimeStamp = Math.round(lastSignInTime.getTime() / 1000);
        const yesterdayTimeStamp = Math.round(new Date().getTime() / 1000) - 24 * 3600;

        if (lastSignInTimeTimeStamp < yesterdayTimeStamp) {
          logout();
          setCurrentUser({
            ...currentUser,
            user: null,
            isVerified: false,
            email: '',
            accessToken: '',
          });
          return false;
        }
      }
      setCurrentUser({
        ...currentUser,
        user: user || null,
        isVerified: user ? user.emailVerified : false,
        email: user ? user.email : '',
        accessToken: user ? user.Aa : '',
      });
      setLoading(false);
    });
    return unsubscribe;
  }, []);

Answer 1

We do have a method like onAuthStateChanged

auth.onIdTokenChanged(async (user) => {
      const token = await user?.getIdToken();
      localStorage.setItem("firebase_token_id", token);
});

Store the new token in your preferred storage and later call API with it.

Reference: https://firebase.google.com/docs/reference/js/v8/firebase.auth.Auth#onidtokenchanged