شارك المقالة

شرح كيفية تسجيل الدخول بإستخدام Google في تطبيقات Flutter


شرح كيفية تسجيل الدخول بإستخدام Google في تطبيقات Flutter

تعد طرق التسجيل بنقره واحده من اشهر العمليات المستخدمه بشكل كبير جدا في الفتره الحاليه وفي هذا المقالة سوف نشرح لكم كيف تقوم بعملية تسجيل الدخول من خلال حسابك الخاص بجوجل والطريقة بسيطه جدا وسوف نساعدك على تخزين المعلومات الخاصه بك ايضا كل ما عليك فقط هو متابعة المقالة الى النهايه مع التركيز جيدا لضمان عدم حدوث اي مشاكل اثناء عملية التنفيذ .


add package


google_sign_in: ^5.4.0


connect app with firebase and google auth


في الخطوة الاولى سوف نحتاج ان نقوم بربط التطبيق الخاص بنا على الفايربيز مع مراعاة ادخال الsh1 والتي سبق وشرحنا لكم في دروس سابقة كيف تقوم بإستخراجها بكل سهوله .


How to SignIn With google Ui


How to SignIn With google Ui


How to SignIn With google Ui

سوف نقوم بتنفيذ العمليات في الcubit ولكن هذه الاكواد نحتاج الى اضافتها في الصفحة التي سوف تقوم بتسجيل الدخول فيها ui , وذلك لمعرفة حالة العملية سوف كانت حالة الحساب داخل التطبيق ام لم يقوم بالتسجيل وايضا سوف نخزن القيم التي نحصل عليها في المتغير currentUser وهذا سوف يكون المتغير الذي يحمل البيانات .


ui.dart


 GoogleSignInAccount? _currentUser;

  @override
  void initState() {
    super.initState();
    cubit = context.read<MainBloc>();
    cubit.emailAuth = new EmailAuth(
      sessionName: "Benmart",
    );

    cubit.googleSignIn.onCurrentUserChanged.listen((event) {
     setState(() {
       _currentUser = event!;
       cubit.user = _currentUser;
       print(' user data ----------------- $_currentUser');
     });
    });
    cubit.googleSignIn.signInSilently();

  }


How to signIn with Google (Bloc)


How to signIn with Google (Bloc)


الان في ملف الcubit استخدم الاكواد التاليه وكل وظيفة واضحه جدا من تسجيل دخول الى تسجيل خروج .

cubit.dart


GoogleSignInAccount? user;

  GoogleSignIn googleSignIn = GoogleSignIn(
    scopes: <String>[
      'email',
    ],
  );

  Future<void> handleSignOut() => googleSignIn.disconnect();

  Future<void> signInGoogle () async {
    try {
      await googleSignIn.signIn();
    } catch (e) {
      print('error ---- $e');
    }
  }
  


android sdk manager تحميل flutter developers applications create app android android studio mac


شاهد أيضًا
مقالات ذات صلة
كل ما تريد معرفته عن Unit Testing مع امثلة توضيحيه

كل ما تريد معرفته عن Unit Testing مع امثلة توضيحيههي عملية اختبار أصغر الوحدات الوظيفية…

شرح كيفية إنشاء جدول ببرنامج Orecal Sql عن طريق الكود – #تعلم_sql_بالعربي

 بسم الله الرحمن الرحيم السلام عليكم ورحمه الله وبركاته مرحبا بكم في مقال جديده من…

أسباب مشكلة Hot Reload في Flutter وكيفية تجنبها

أسباب مشكلة Hot Reload في Flutter وكيفية تجنبها Hot Reload لا يعمل؟ جرب هذه الحلول…

🚫 مانع الإعلانات مفعل

يجب إيقاف مانع الإعلانات لاستكمال تصفح الموقع