Pas 1: Crear un projecte a Firebase
- Vés a la Firebase Console i clica a "Add project."
- Segueix les indicacions per configurar el teu projecte. Un cop fet, fes clic a "Continuar" i després a "Crear projecte".
Pas 2: Afegeix la teva app de Flutter a Firebase
- Després de crear el projecte, fes clic a "Afegir aplicació" i selecciona la icona de Flutter.
- Registra la teva aplicació proporcionant un sobrenom i el nom del paquet (assegura't que coincideixi amb el teu projecte Flutter).
- Descarrega el fitxer `google-services.json` i col·loca'l al directori `android/app`.
- Per a iOS, fes clic a "Registrar aplicació" i segueix les indicacions. Descarrega el fitxer `GoogleService-Info.plist` i afegeix-lo al directori `ios/Runner` del teu projecte Flutter.
Pas 3: Configura Firebase al teu projecte Flutter
Obre el fitxer pubspec.yaml i afegeix les dependències de Firebase:
dependencies: firebase_core: ^latest_version firebase_auth: ^latest_version cloud_firestore: ^latest_version
- Executa el comandament `flutter pub get` al terminal per instal·lar les noves dependències.
Pas 4: Inicialitza Firebase a la teva app Flutter
Importa els paquets de Firebase al teu `main.dart`:
import 'package:firebase_core/firebase_core.dart';
Inicialitza Firebase a la funció principal:
void main() async { WidgetsFlutterBinding.ensureInitialized(); await Firebase.initializeApp(); runApp(MyApp()); }
Pas 5: Utilitza els serveis de Firebase a la teva aplicació Flutter
Autenticació
Importa els paquets necessaris:
import 'package:firebase_auth/firebase_auth.dart';
Implementa l'autenticació:
final FirebaseAuth _auth = FirebaseAuth.instance; Future<void> signInWithGoogle() async { try { // Implement Google Sign-In logic here UserCredential userCredential = await _auth.signInWithGoogle(); print("Signed in: ${userCredential.user.displayName}"); } catch (e) { print("Error during Google Sign-In: $e"); } }
Firestore Database
Importa els paquets necessaris:
import 'package:cloud_firestore/cloud_firestore.dart';
Fes servir Firestore al teu codi:
final FirebaseFirestore _firestore = FirebaseFirestore.instance; Future<void> addUserToFirestore(String username, String email) { return _firestore.collection('users').add({ 'username': username, 'email': email, }); }
Pas 6: Comprova la teva integració amb Firebase
Executa la teva aplicació Flutter i assegura't que Firebase s'ha inicialitzat sense errors. Prova les funcions d'autenticació i Firestore per confirmar la seva funcionalitat.
¡Felicitats! Has integrat amb èxit Firebase al teu projecte Flutter. Això estableix les bases per incorporar diversos serveis de Firebase a la teva aplicació per millorar la seva funcionalitat.