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

شرح كيفية تسجيل الدخول بإستخدام 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


تعليقات