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: フロントエンドの Google サインイン構成と React Native でのエラー処理

Firebase Authentication および Google サインイン ライブラリで React Native を使用する

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

解決策 3: 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 Testing Library を使用する

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 Console の間で一致しません。
3. Firebase には SHA1 証明書と SHA256 証明書の両方が必要ですか?
4. はい、両方とも SHA1 そして SHA256 特に実稼働ビルドの場合は、証明書を使用することをお勧めします。これにより、アプリはすべての環境で正しく認証できるようになります。
5. Android クライアント ID の代わりに Web クライアント ID が使用されるのはなぜですか?
6. エキスポには次のことが必要です Web Client ID iOS と Android の両方の Google サインインを管理するには、この ID タイプを構成で使用する必要があります。
7. 自分のデバイスに Google Play サービスがあるかどうかを確認するにはどうすればよいですか?
8. フロントエンドで使用します GoogleSignin.hasPlayServices これは、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 の実稼働環境に似た環境でのテストなどの方法を組み込むことで、最適化されたエラーのないサインイン プロセスが保証されます。いつものように、テスト、ロギング、エラー処理により、アプリをより広範なユーザーに展開する際の信頼性とユーザー エクスペリエンスが向上します。 👍