Hệ thống đăng nhập là tính năng cốt lõi của nhiều ứng dụng. Bài viết này hướng dẫn bạn tích hợp Firebase Authentication vào Flutter để tạo đăng nhập an toàn, lý tưởng cho người học Flutter thực chiến.
Bước 1: Cài Đặt Firebase
Thêm Firebase vào dự án:
- Tạo dự án trên Firebase Console.
- Thêm google-services.json (Android) và GoogleService-Info.plist (iOS).
- Cài package:
flutter pub add firebase_core firebase_auth
Bước 2: Đăng Nhập bằng Email
Tạo form đăng nhập:
TextField(controller: _emailController, decoration: InputDecoration(labelText: "Email")),
TextField(controller: _passwordController, decoration: InputDecoration(labelText: "Password")),
ElevatedButton(
onPressed: () async {
try {
await FirebaseAuth.instance.signInWithEmailAndPassword(
email: _emailController.text,
password: _passwordController.text,
);
} catch (e) {
ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text("Error: $e")));
}
},
child: Text("Login"),
)
Thủ thuật: Dùng TextEditingController để lấy input.
Bước 3: Lưu Trạng Thái Đăng Nhập
Sử dụng SharedPreferences:
final prefs = await SharedPreferences.getInstance();
prefs.setString('user', _emailController.text);
Thủ thuật: Kiểm tra trạng thái với FirebaseAuth.instance.currentUser.
Kết luận
Tích hợp Firebase Authentication vào Flutter thật dễ dàng! Muốn học cách xây dựng ứng dụng an toàn với backend? Tham gia khóa học Flutter thực chiến tại Devrun để được hướng dẫn chi tiết!