شرح كيفية تسجيل الدخول بإستخدام Google في تطبيقات Flutter
تعد طرق التسجيل بنقره واحده من اشهر العمليات المستخدمه بشكل كبير جدا في الفتره الحاليه وفي هذا المقالة سوف نشرح لكم كيف تقوم بعملية تسجيل الدخول من خلال حسابك الخاص بجوجل والطريقة بسيطه جدا وسوف نساعدك على تخزين المعلومات الخاصه بك ايضا كل ما عليك فقط هو متابعة المقالة الى النهايه مع التركيز جيدا لضمان عدم حدوث اي مشاكل اثناء عملية التنفيذ .
add package
google_sign_in: ^5.4.0
connect app with firebase and google auth
في الخطوة الاولى سوف نحتاج ان نقوم بربط التطبيق الخاص بنا على الفايربيز مع مراعاة ادخال الsh1 والتي سبق وشرحنا لكم في دروس سابقة كيف تقوم بإستخراجها بكل سهوله .
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)
الان في ملف ال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