Firebase'i Flutter uygulamanıza ekleme
Ön koşullar
Tercih ettiğiniz düzenleyici veya IDE'yi yükleyin.
Aşağıdakiler dahil olmak üzere işletim sisteminize Flutter'ı yükleyin:
- Flutter SDK'sı
- Desteklenen kitaplıklar
- Platforma özel yazılımlar ve SDK'lar
Google Hesabınızla Firebase'de oturum açın hesap.
Henüz Flutter uygulamanız yoksa, Google Cloud'dan Flutter Başlatıldı: Uygulama Denemesi tercih ettiğiniz düzenleyiciyi veya entegre geliştirme ortamını kullanarak yeni bir Flutter uygulaması oluşturabilirsiniz.
1. Adım: Gerekli komut satırı araçlarını yükleyin
Henüz yapmadıysanız Firebase CLI'yi yükleyin.
Aşağıdaki komutu çalıştırarak Google Hesabınızla Firebase'e giriş yapın komut:
firebase login
Herhangi bir uygulamadan aşağıdaki komutu çalıştırarak FlutterFire CLI'ı yükleyin. dizin:
dart pub global activate flutterfire_cli
2. Adım: Uygulamalarınızı Firebase'i kullanacak şekilde yapılandırın
Flutter uygulamalarınızı Firebase'e bağlanacak şekilde yapılandırmak için FlutterFire KSA'yı kullanın.
Flutter proje dizininizde aşağıdaki komutu çalıştırarak Uygulama yapılandırma iş akışı:
flutterfire configure
3. Adım: Uygulamanızda Firebase'i başlatın
Flutter proje dizininizde aşağıdaki komutu çalıştırarak Flutter'a temel eklenti:
flutter pub add firebase_core
Flutter uygulamanızın Firebase yapılandırmasının güncel olduğundan emin olmak için Flutter proje dizininizde aşağıdaki komutu çalıştırın:
flutterfire configure
lib/main.dart
dosyanızda Firebase ana eklentisini ve daha önce oluşturduğunuz yapılandırma dosyasını içe aktarın:import 'package:firebase_core/firebase_core.dart'; import 'firebase_options.dart';
Ayrıca
lib/main.dart
dosyanızda, şunu kullanarak Firebase'i başlatın: Yapılandırma dosyası tarafındanDefaultFirebaseOptions
nesne dışa aktarıldı:await Firebase.initializeApp( options: DefaultFirebaseOptions.currentPlatform, );
Flutter uygulamanızı yeniden derleyin:
flutter run
Bunun yerine bir demo proje kullanmayı tercih ederseniz Firebase Emulator'ı başlatabilir ve
lib/main.dart
dosyanızda Firebase'i demoProjectId
kullanarak başlatın (demo-
ile başlamalıdır):
await Firebase.initializeApp(
demoProjectId: "demo-project-id",
);
4. Adım: Firebase eklentilerini ekleyin
Flutter uygulamanızdaki Firebase'e Firebase Flutter eklentileri (her Firebase ürünü için bir adet) (örneğin: Cloud Firestore, Authentication, Analytics vb.).
Flutter çoklu platform çerçevesi olduğundan, her Firebase eklentisine uygulanabilir web platformları için Google Ads'i kullanabilirsiniz. Bu nedenle, ve Flutter News Toolkit için sunulan Apple, Android ve web sürümlerinde en iyi şekilde yararlanabilirsiniz.
Firebase Flutter eklentisinin nasıl ekleneceği aşağıda açıklanmıştır:
Flutter proje dizininizden aşağıdaki komutu çalıştırın:
flutter pub add PLUGIN_NAME
Flutter proje dizininizde aşağıdaki komutu çalıştırın:
flutterfire configure
Bu komutu çalıştırmak, Flutter uygulamanızın Firebase yapılandırmasının güncel olmasını sağlar ve Android'deki Crashlytics ve Performance Monitoring için uygulamanıza gerekli Gradle eklentilerini ekler.
Ardından Flutter projenizi yeniden derleyin:
flutter run
Her şey tamam. Flutter uygulamalarınız Firebase'i kullanacak şekilde kaydedilmiş ve yapılandırılmış olmalıdır.
Mevcut eklentiler
Ürün | Eklenti adı | iOS | Android | Web | Diğer Apple (macOS vb.) |
Windows |
---|---|---|---|---|---|---|
Analytics | firebase_analytics |
beta | ||||
App Check | firebase_app_check |
beta | ||||
Authentication | firebase_auth |
beta | beta | |||
Cloud Firestore | cloud_firestore |
beta | beta | |||
Cloud Functions | cloud_functions |
beta | ||||
Cloud Messaging | firebase_messaging |
beta | ||||
Cloud Storage | firebase_storage |
beta | beta | |||
Crashlytics | firebase_crashlytics |
beta | ||||
Dynamic Links | firebase_dynamic_links |
|||||
In-App Messaging | firebase_in_app_messaging |
|||||
Firebase yükleme | firebase_app_installations |
beta | ||||
ML Model İndirme Aracı | firebase_ml_model_downloader |
beta | ||||
Performance Monitoring | firebase_performance |
|||||
Realtime Database | firebase_database |
beta | ||||
Remote Config | firebase_remote_config |
beta | ||||
Vertex AI in Firebase | firebase_vertexai |
beta |
Analytics ile örnek bir uygulamayı deneyin
Tüm paketlerde olduğu gibi, firebase_analytics
eklentisinde de
örnek program.
Firebase'i kullanacak şekilde yapılandırdığınız bir Flutter uygulamasını açın (bu sayfadaki talimatları inceleyin).
Uygulamanın
lib
dizinine erişin, ardından mevcutmain.dart
öğesini silin dosyası olarak kaydedebilirsiniz.Google Analytics liginden örnek program deposu, aşağıdaki iki dosyayı kopyalayıp uygulamanızın
lib
dizinine yapıştırın:main.dart
tabs_page.dart
Flutter uygulamanızı çalıştırın.
Firebase konsolunda uygulamanızın Firebase projesine gidin ve ardından Analytics'i tıklayın.
Sonraki slayta geçin Kontrol paneli. Analytics düzgün çalışıyorsa kontrol panelinde etkin bir kullanıcı gösterilir. "Son 30 dakika içinde etkin olan kullanıcılar" paneli (bu işlem gerekir).
DebugView'u tıklayın. Özelliği aşağıdaki işlemler için etkinleştirin: örnek program tarafından oluşturulan tüm etkinlikleri görebilirsiniz.
Analytics kurulumu hakkında daha fazla bilgi için başlangıç bölümünü ziyaret edin iOS+ için kılavuzlar, Android ve web
Sonraki adımlar
Firebase Flutter Codelab ile uygulamalı deneyim edinin.
Uygulamanızı kullanıma sunmaya hazırlanın:
- Google Cloud konsolunda projeniz için bütçe uyarıları ayarlayın.
- Kullanımı ve faturalandırmayı izleme kontrol paneli projenizin genel durumunu görmek için Firebase konsolunda birden fazla Firebase hizmetinde nasıl kullanıldığını gösterir.
- Firebase lansmanı kontrol listesini inceleyin.