گوگل سائن ان کے ساتھ ایکسپو EAS کے فائربیس ڈیولپر ایرر کوڈ 10 کو ٹھیک کرنا

اپنی ایکسپو EAS اینڈرائیڈ ایپ کے لیے گوگل سائن ان سیٹ اپ کرنا: عام خامیاں اور اصلاحات

ایک ایپ بنانا پرجوش ہو سکتا ہے، خاص طور پر جب گوگل سائن ان جیسی مشہور سروسز کے ساتھ بغیر کسی رکاوٹ کے جڑنے والی خصوصیات کو نافذ کریں۔ تاہم، کوئی بھی ڈویلپر جس نے ایکسپو ای اے ایس پروجیکٹ پر فائر بیس کی توثیق کو گوگل کلاؤڈ کے ساتھ مربوط کیا ہے وہ خوفناک "ڈویلپر ایرر کوڈ 10" 😬

سیٹ اپ کرتے وقت یہ خرابی اکثر پیدا ہوتی ہے۔ مقامی Google سائن ان پر ردعمل ظاہر کریں۔ پیداوار میں لائبریری، غیر متوقع رکاوٹوں کا باعث بنتی ہے جو مقامی ترقیاتی تعمیرات میں ظاہر نہیں ہوتی ہیں۔ یہ ایک عام روڈ بلاک ہے جو ڈویلپرز کو اپنا سر کھجانے میں چھوڑ سکتا ہے، خاص طور پر جب تمام کنفیگریشنز درست طریقے سے سیٹ اپ ہوتے دکھائی دیں۔

اس خرابی کا ایک مشکل پہلو درست SHA1 اور SHA256 فنگر پرنٹس پر مشتمل سیٹ اپ کا اہم عمل ہے، OAuth 2.0 کلائنٹ IDs، اور Firebase اور Google Play Console کی ترتیبات کا نظم کرنا۔ یہاں تک کہ ایک چھوٹی سی تفصیل کی کمی بھی پیداواری ماحول میں توثیق کی خرابیوں کا باعث بن سکتی ہے۔

اس گائیڈ میں، ہم اس بات کا جائزہ لیں گے کہ ڈیولپر کی خرابی کا کوڈ 10 کیوں پیش آتا ہے، ممکنہ غلط کنفیگریشنز کی نشاندہی کریں، اور حقیقی دنیا کے حل کے ذریعے یہ یقینی بنائیں گے کہ آپ کا Google سائن ان آسانی سے کام کرتا ہے۔ آئیے اس بات کو یقینی بنائیں کہ آپ کے صارفین آسانی سے لاگ ان کر سکتے ہیں اور ان پروڈکشن کی غلطیوں کو دور رکھ سکتے ہیں! 🚀

ایکسپو میں Firebase کے ساتھ Google سائن ان کو سمجھنا اور اس پر عمل درآمد کرنا

ایکسپو کے زیر انتظام ری ایکٹ نیٹیو پروجیکٹ میں گوگل سائن ان سیٹ اپ کرنے کے لیے، بیک اینڈ اور فرنٹ اینڈ کو احتیاط سے کنفیگر کرنے کی ضرورت ہے۔ بیک اینڈ سے شروع کرتے ہوئے، ہم صارف کے انتظام کو محفوظ طریقے سے سنبھالنے کے لیے Firebase Admin SDK کو شروع کرتے ہیں۔ یہ OAuth2Client ترتیب دے کر کیا جاتا ہے، جو ہمارے سرور کو Google APIs کے ساتھ تعامل کرنے اور Google کی تصدیقی سروس کے ذریعے جاری کردہ ٹوکنز کی تصدیق کرنے کی اجازت دیتا ہے۔ دی verifyIdToken فنکشن، جو OAuth2 کلائنٹ کا استعمال کرتا ہے، فرنٹ اینڈ سے موصول ہونے والے ٹوکن کو ڈی کوڈنگ اور درست کرکے ایک اہم کردار ادا کرتا ہے۔ اس توثیق کے بغیر، ایپ قابل اعتماد طریقے سے اس بات کا تعین نہیں کر سکتی کہ صارف کی سائن ان کی درخواست جائز ہے، اور یہاں کوئی بھی تضاد ڈیولپر کی خرابی کوڈ 10 کا باعث بن سکتا ہے، جس کا سامنا اکثر اس وقت ہوتا ہے جب ٹوکنز Firebase میں متوقع کنفیگریشنز سے میل نہیں کھاتے ہیں۔ بیک اینڈ پر کنفیگریشن کا یہ مرحلہ مضبوط سیکیورٹی فراہم کرتا ہے کیونکہ ہم اس بات کو یقینی بناتے ہیں کہ صرف مجاز گوگل اکاؤنٹس ہی Firebase کی توثیق کے ساتھ تعامل کر سکتے ہیں۔

فرنٹ اینڈ پر، گوگل سائن ان کا استعمال کرتے ہوئے ترتیب دیا گیا ہے۔ GoogleSignin.configure فنکشن، جو فائر بیس میں تیار کردہ ویب کلائنٹ ID کے ذریعے ایپ کو گوگل کلاؤڈ سے لنک کرتا ہے۔ اس ID کو لنک کر کے، Google اور Firebase ہماری ایپ کو "پہچانتے" ہیں اور محفوظ سائن ان کی اجازت دیتے ہیں۔ اس کے بعد جب کوئی صارف سائن ان کرنے کی کوشش کرتا ہے تو ایپ کال کرتی ہے۔ GoogleSignin.signIn، جو لاگ ان کا عمل شروع کرتا ہے اور کامیاب ہونے پر ایک ID ٹوکن بازیافت کرتا ہے۔ یہ ID ٹوکن صارف کی Google تصدیق کے ثبوت کے طور پر کام کرتا ہے، اور لاگ ان کو حتمی شکل دینے کے لیے ہم اسے Firebase کو بھیج دیتے ہیں۔ بلانے کی ضرورت ہے پلے سروسز اس سے پہلے کہ اصل سائن ان بھی ضروری ہے۔ یہ مرحلہ گوگل پلے سروسز کے دستیاب ہونے کی تصدیق کرکے، ڈیوائس کی مطابقت سے متعلق مسائل کو کم کرکے اور لاگ ان کے تجربے کو ہموار بنا کر چیک کرتا ہے کہ آیا ڈیوائس مطابقت رکھتا ہے۔ یہ کمانڈ سادہ لگ سکتی ہے، لیکن اس کی اہمیت اس بات کو یقینی بنانے میں مضمر ہے کہ ایپ کو غیر موافق آلات پر غیر متوقع ناکامیوں کا سامنا نہ کرنا پڑے۔

سرور سائیڈ getUserByEmail فنکشن یہ چیک کرنے میں ایک کردار ادا کرتا ہے کہ آیا فائر بیس کے صارف کے ریکارڈ میں گوگل اکاؤنٹ پہلے سے موجود ہے۔ اگر صارف ابھی تک موجود نہیں ہے، تو Firebase ایک نیا ریکارڈ بنا سکتا ہے، بغیر کسی رکاوٹ کے صارف کو آن بورڈنگ کی سہولت فراہم کر کے۔ Expo کی طرف، app.json فائل میں، ہم Firebase اور Google Cloud کے ساتھ Expo ماحول کو درست طریقے سے مربوط کرنے کے لیے مخصوص SHA1 فنگر پرنٹس اور Google سائن ان پلگ ان شامل کرتے ہیں۔ یہ مرحلہ فرنٹ اینڈ کنفیگریشن کو Firebase کی ترتیبات کے ساتھ ملاتا ہے، اس بات کو یقینی بناتا ہے کہ مقامی طور پر استعمال ہونے والی اسناد اور پروڈکشن میں درکار اسناد کے درمیان کوئی مماثلت نہیں ہے۔ اس ترتیب کی ہر ترتیب پروڈکشن کی تعمیر میں ڈیولپر ایرر کوڈ 10 کے ظاہر ہونے کے امکانات کو کم کرتی ہے۔

آخر میں، جیسٹ کا استعمال کرتے ہوئے یونٹ ٹیسٹ لکھنا ہر فنکشن کے رویے کی توثیق کرتا ہے۔ GoogleSignin اور دیگر ضروری طریقوں کا مذاق اڑاتے ہوئے Google سائن ان کی جانچ کرنا ترقی کے مرحلے میں مسائل کی نشاندہی کرنے میں مدد کرتا ہے، جس سے پیداواری غلطیوں کا امکان کم ہوتا ہے۔ مثال کے طور پر، مضحکہ خیز سائن ان طریقہ اصل گوگل اکاؤنٹ لاگ ان پر بھروسہ کیے بغیر جانچ کو قابل بناتا ہے، اس بات کی تصدیق کرتا ہے کہ جب کوئی درست ٹوکن لوٹایا جاتا ہے یا جب کوئی خرابی پیش آتی ہے تو ایپ صحیح طریقے سے برتاؤ کرتی ہے۔ یہ مکمل ورک فلو، کنفیگریشن سے لے کر ٹیسٹنگ تک، یقینی بناتا ہے کہ گوگل سائن ان مؤثر طریقے سے کام کرتا ہے اور ان مسائل کو کم کرتا ہے جو اکثر نامکمل یا غلط بیک اینڈ اور فرنٹ اینڈ سیٹ اپس سے پیدا ہوتے ہیں۔ اس جامع نقطہ نظر کے ساتھ، آپ اپنی ایکسپو ایپ میں گوگل سائن ان کو ایک ہموار، قابل اعتماد تجربہ بنا سکتے ہیں! 🚀

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

ایکسپو EAS میں گوگل سائن ان انٹیگریشن کے لیے مؤثر ڈیبگنگ اور بہترین پریکٹسز

جب انضمام گوگل سائن ان ایکسپو EAS کے اندر، ایک ضروری پہلو جسے نظر انداز کیا جا سکتا ہے وہ ہے کی اسٹورز کا انتظام کرنا اور SHA سرٹیفکیٹ مؤثر طریقے سے مختلف ماحول میں۔ Google کی توثیق کا انحصار SHA فنگر پرنٹس کے مماثل ہونے پر ہوتا ہے، اس لیے Google Play Console پر مقامی ٹیسٹنگ، ڈیولپمنٹ بلڈز، اور پروڈکشن بلڈز میں استعمال ہونے والی کلیدوں کو مطابقت پذیر ہونا چاہیے۔ ایک عام مسئلہ Firebase میں صرف SHA1 کلید کو شامل کرنا ہے، جو کہ پیداواری ماحول کے لیے کافی نہیں ہے۔ دونوں SHA1 اور SHA256 فائربیس اور گوگل پلے کنسول میں فنگر پرنٹس کو درست طریقے سے کنفیگر کیا جانا چاہیے تاکہ صارف کی ہموار تصدیق کو یقینی بنایا جا سکے۔ یہ اہم کنفیگریشن Firebase کو آپ کی ایپ پر بھروسہ کرنے کی اجازت دیتی ہے قطع نظر اس کے کہ یہ جس ماحول میں چل رہا ہے، ڈیولپر ایرر کوڈ 10 سے بچنے میں مدد کرتا ہے اور آپ کے Google سائن ان انٹیگریشن کے مجموعی استحکام کو بہتر بناتا ہے۔

ایک اور اکثر چھوٹ جانے والی ترتیب میں Google Cloud Console پر درست OAuth 2.0 کلائنٹ ID قسم کا انتخاب شامل ہے۔ Expo کے ساتھ Firebase استعمال کرتے وقت، Google Console میں تیار کردہ کلائنٹ ID کو Web Client پر سیٹ کیا جانا چاہیے، اور وہی webClientId فرنٹ اینڈ پر فراہم کی جانی چاہیے۔ GoogleSignin.configure. اگرچہ یہ غیر معمولی معلوم ہو سکتا ہے (جیسا کہ آپ اینڈرائیڈ کلائنٹ آئی ڈی استعمال کرنے کی توقع کر سکتے ہیں)، ایکسپو کو iOS اور اینڈرائیڈ دونوں پر گوگل سائن ان کو موثر طریقے سے ہینڈل کرنے کے لیے اس کنفیگریشن کی ضرورت ہے۔ مزید برآں، واضح ایرر میسیجز اور لاگنگ کے ساتھ فرنٹ اینڈ اور بیک اینڈ دونوں پر ایرر ہینڈلنگ اور ڈیبگنگ کو فعال کرنے سے یہ پتہ لگانے میں مدد ملتی ہے کہ آیا مسائل مماثل اسناد یا گمشدہ کنفیگریشنز سے پیدا ہوئے ہیں۔

آخر میں، اگر پروڈکشن کی تعمیر میں کوئی خامی برقرار رہتی ہے، تو پروڈکشن کنفیگریشنز کے ساتھ ایکسپو کی ڈیولپمنٹ بلڈس کو استعمال کرنے پر غور کریں۔ یہ مقامی طور پر پروڈکشن جیسے ماحول کی تقلید کرنے میں مدد کرتا ہے اور ایسے مسائل کو اجاگر کر سکتا ہے جو صرف پروڈکشن میں ظاہر ہو سکتے ہیں، جیسے کہ گوگل پلے کنسول پر غلط کنفیگریشنز۔ اس طرح جانچنا اس بات کو یقینی بناتا ہے کہ تمام کنفیگریشنز بشمول ان کے اندر app.json اور google-services.json، حتمی پروڈکشن ریلیز میں درست طریقے سے پہچانے جاتے ہیں، غلطیوں کو کم کرتے ہیں اور صارف کے تجربے کو بڑھاتے ہیں۔