使用 Google 登录修复 Expo EAS 的 Firebase 开发者错误代码 10

解决方案 1：Google 登录的后端验证和配置检查

使用 Node.js 和 Firebase Admin SDK 进行后端验证和配置设置

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");
  }
};

解决方案 2：React Native 中的前端 Google 登录配置和错误处理

将 React Native 与 Firebase 身份验证和 Google 登录库结合使用

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);
  }
}

方案三：在Expo EAS中添加SHA指纹环境配置

使用 Google Cloud Console 和 Expo 进行 SHA 指纹管理

// 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.

Google 登录功能的单元测试

使用 Jest 和 React Native 测试库进行组件测试

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");
  });
});

Expo EAS 中 Google 登录问题的常见问题与解答

1. 是什么导致 Google 登录中出现开发者错误代码 10？
2. 开发者错误代码 10 经常出现在以下情况： SHA certificates Firebase 和 Google Play 管理中心之间缺少或不匹配。
3. Firebase 是否需要 SHA1 和 SHA256 证书？
4. 是的，两者都 SHA1 和 SHA256 建议使用证书，特别是对于生产版本。这可确保您的应用程序可以在所有环境中正确进行身份验证。
5. 为什么使用 Web 客户端 ID 而不是 Android 客户端 ID？
6. 世博会需要一个 Web Client ID 要管理 iOS 和 Android 的 Google 登录，因此必须在您的配置中使用此 ID 类型。
7. 如何检查我的设备是否有 Google Play 服务？
8. 在前端，使用 GoogleSignin.hasPlayServices 检查 Google Play 服务的可用性，这是在 Android 上登录 Google 所必需的。
9. GoogleSignin.configure 的目的是什么？
10. GoogleSignin.configure 使用所需的客户端 ID 设置您的 Google 登录客户端，使 Firebase 能够在登录期间识别您的应用。
11. 为什么我只在生产中看到错误，而在开发中却看不到错误？
12. 此问题通常由仅生产配置引起，例如 Google Play Console 上的配置。由于不同的关键配置，开发版本可能会起作用。
13. Google 登录需要什么权限？
14. 基本身份验证权限通常就足够了，但如果需要特定的 Google API，您的应用程序可能会请求其他范围。
15. 如何在不部署到 Play 商店的情况下测试生产设置？
16. 在本地使用 Expo 的开发构建和生产配置，这使您无需部署即可模拟生产环境。
17. 如何处理 Expo 中 Google 登录的错误日志记录？
18. 使用以下方法在前端和后端实现自定义错误消息 try/catch 用于识别登录期间特定配置问题的块。
19. Google 登录是否需要 Firebase？
20. 不，Firebase 不是必需的，但它通过轻松与 Google 的 OAuth 系统集成来简化身份验证设置。

关于解决 Google 登录问题的最终想法

使用 Expo EAS 和 Firebase 设置 Google 登录需要仔细注意 SHA 证书和 OAuth 客户端 ID 等细节。这里的小疏忽可能会导致仅在生产中出现的问题，例如开发人员错误代码 10。通过正确的配置，开发人员可以为用户实现安全、流畅的登录流程。 🚀

结合配置 Web 客户端 ID、管理 SHA 指纹以及在 Expo 上的类似生产环境中进行测试等方法，可确保优化、无错误的登录过程。与往常一样，在将应用程序部署到更广泛的受众时，测试、日志记录和错误处理可增强可靠性和用户体验。 👍