إذا كنت تبني مشروع Flutter يعتمد على Firebase وتريد إضافة تسجيل الدخول عبر حساب Google، فهذه تعتبر واحدة من أهم الميزات التي يجب إضافتها داخل التطبيق.

فهي توفر تجربة استخدام أسرع للمستخدم وتقلل خطوات التسجيل بشكل كبير.

وفي هذا المقال سنتعرف على كيفية تفعيل Google Sign In داخل Flutter مع Firebase Authentication بعد التحديثات الأخيرة، بالإضافة إلى أهمية إعداد مفاتيح SHA-1 و SHA-256.

يوفر تسجيل الدخول عبر Google عدة مميزات مهمة:

ولهذا السبب تعتمد عليه أغلب التطبيقات الحديثة.

قبل البدء يجب تجهيز مشروع Firebase بالكامل.

افتح Firebase Console ثم:

android/app/build.gradle

بعدها أضف تطبيق iOS باستخدام:

ios/Runner/Info.plist

وقم بإضافة:

Bundle Identifier

بعد إنشاء التطبيقات قم بتحميل ملفات التهيئة.

ملف Android:

google-services.json

ضعه داخل:

android/app/

أما ملف iOS:

GoogleService-Info.plist

يوضع داخل:

ios/Runner/

هذه الخطوة تعتبر من أكثر الأسباب شيوعًا لفشل Google Sign In على Android.

أولًا نحصل على مفاتيح التطوير.

لتطبيق Debug شغل الأمر:

keytool -list -v \

-keystore ~/.android/debug.keystore

-alias androiddebugkey

-storepass android

-keypass android

أما للإصدار النهائي Release:

keytool -list -v \

-keystore
android/app/upload-keystore.jks

-alias upload

-storepass dev111

-keypass dev111

بعد التنفيذ ستظهر:

قم بنسخ القيم وإضافتها داخل:

Firebase Console

Project Settings

Android App

بدون هذه المفاتيح لن يعمل Google Sign In على Android.

لكل مفتاح وظيفة مختلفة:

أما على iOS فلا تحتاج SHA Keys.

يكفي إعداد:

REVERSED_CLIENT_ID

من الملف:

GoogleService-Info.plist

بعد إعداد Firebase يمكن كتابة كود تسجيل الدخول.

الصيغة الجديدة أصبحت كالتالي:

Future<void>

login(

 BuildContext context,

 MainBloc cubit

) async {

 final GoogleSignIn
 googleSignIn =

 GoogleSignIn.instance;

 await googleSignIn
      .initialize();

 await googleSignIn
      .signOut();

 final GoogleSignInAccount
 googleUser =

 await googleSignIn
      .authenticate(

        scopeHint: ['email']

      );

 final
 GoogleSignInAuthentication
 googleAuth =

 await googleUser
      .authentication;

 final OAuthCredential
 credential =

 GoogleAuthProvider
 .credential(

   idToken:
   googleAuth.idToken

 );

 await FirebaseAuth
 .instance

 .signInWithCredential(
      credential
 )

 .then(

 (value) async {

   FirebaseFirestore
   .instance

   .collection(
      'users'
   )

   .doc(
      value.user!.uid
   )

   .get()

   .then(

    (user) async {

      // معالجة البيانات

    }

   );

 }

 );

}

يمر تسجيل الدخول بعدة مراحل:

بعد نجاح العملية يمكن:

غالبًا السبب:

يجب إضافة مفاتيح:

داخل Firebase.

بعد تعديل SHA يجب إعادة تحميل الملف من Firebase.

يعتبر Google Sign In واحدًا من أهم أنظمة المصادقة داخل تطبيقات Flutter.

ومع Firebase Authentication تصبح عملية الربط مباشرة وسهلة.

لكن نجاح الإعداد يعتمد بشكل أساسي على:

بعد إكمال هذه الخطوات يمكن تفعيل تسجيل الدخول عبر Google داخل التطبيق بدون مشاكل على Android و iOS.