FlutterFire CLI ile Firebase Entegrasyon Rehberi

Flutter ve Firebase Entegrasyonu: Mobil Uygulamalar için Güçlü ve Kolay Bir Backend

Kapak

Merhabalar, Bu makalede FlutterFire CLI ile projemize nasıl kolaylıkla Firebase entegrasyonu sağlayabilirsiniz bundan bahsedeceğim. Başlamadan önce, kısaca Flutter ve Firebase hakkında ufak bir özet geçeceğim.

Flutter, Google tarafından geliştirilen, cross-platform mobil uygulama geliştirme platformudur.

Firebase, Google tarafından geliştirilen bir backend hizmetidir. Firebase, uygulamanız için veritabanı, kimlik doğrulama, push bildirimleri, gerçek zamanlı sohbet, dosya depolama ve analitik gibi özellikler sunmaktadır.

Şimdi bir Flutter projesine nasıl Firebase entegre edebileceğinizi anlatacağım.

Adım 1: FlutterFire CLI’yi Kurun.

FireBase İndirme Platform Seçenekleri

Firebase CLI’yı kurmak için, bırakmış olduğum linke giderek Firebase’in resmi sitesinden kendi işletim sisteminize uygun olan seçenek ile kolayla bilgisayarınıza CLI’ı yükleyebilirsiniz.

Get Ömer Yasir Önal’s stories in your inbox

Join Medium for free to get updates from this writer.

Remember me for faster sign in

İlk olarak aşağıdaki komutu çalıştırarak Google hesabınızı kullanarak Firebase’e giriş yapın:

firebase login

Ardından aşağıdaki komutu terminalinize girerek Firebase’i Flutter projenize ekleyin:

flutter pub global activate firebase_tools

Ardından isterseniz ‘ flutterfire ’ komutunu çalıştırarak Firebase hesabınızda bulunan flutter projelerini görebilirsiniz.

Adım 2: Flutter Projenizi, Firebase’e bağlamak için

Kendi Terminalinizden Projenizin bulunduğu klasöre gitmeli veya varsa kullandığınız kod yazma araçınızın (IDE) terminalini kullanmalısınız. Aşağıdaki kodu çalıştırarak Flutter Projenizi, Firebase’e bağlayabilirsiniz.

flutterfire configure

Mehmet Ali Bayram Youtube Kanalından Ekran Görüntüsü

Kodu çalıştırdıktan sonra mevcut bir Firebase projesini kullanmayı veya yeni bir Firebase projesi oluşturmayı seçebilirsiniz. Mevcut bir Firebase projesinde zaten kayıtlı uygulamalarınız varsa FlutterFire CLI, mevcut Flutter proje yapılandırmanıza göre bunları eşleştirmeye çalışacaktır. ‘Enter’ tuşuna basarak devam etmelisiniz.

Mehmet Ali Bayram Youtube Kanalından Ekran Görüntüsü

Ardından, eklemek istemediklerinizi ‘space’ boşluk tuşuna basarak tiki kaldırabilirsiniz. Eter’a basarak devam edebilirsiniz ve seçtiğiniz yapılandırmalara göre projeler eklenecektir.

Adım 3: Uygulamanızda Firebase’i başlatın

Çekirdek eklentiyi kurmak için Flutter proje dizininizden aşağıdaki komutu çalıştırın:

flutter pub add firebase_core

Pubspec.yaml dosyasına herhangi bir Firebase paketi eklemek için aşağıdaki komut satırındaki ‘add’’den sonraki kısıma istediğiniz paketin ismini yazıp kodu çalıştırarak kolayca ekleyebilmektesiniz.

Kod satırını çalıştırıldıktan sonra proje dosyanıza gerekli paketler eklenecektir. Eğer Main.dart dosyanızın üst kısmına aşağıda komutlar eklenmemişse elle kendiniz eklemelisiniz.

import 'package:firebase_core/firebase_core.dart';
import 'firebase_options.dart';

Mehmet Ali Bayram Youtube Kanalından Ekran Görüntüsü

Ardından Main methodunuzu Async (Asenkron) hale getirip görseldeki şekilde alttaki komutu yapıştırmalısınız.

await Firebase.initializeApp(
  options: DefaultFirebaseOptions.currentPlatform,
);

Bilgi: Asenkron işlem nedir?

“Kod akışının sırayla işlemediği, işlemlerin birbirini beklemediği, kod akışının işlem durumlarına göre devam ettiği programlamaya Asenkron Programlama denir.”

Üçüncü adıma kadar bir problemle karşılaşmadan geldiyseniz artık Flutter Projeniz, Firebase ile entegre halde çalışmaktadır. İlginiz için teşekkürler.

Google’ın hazırlamış olduğu entegrasyon web sitesini de buraya bırakıyorum. Eğer anlaşılamayan bir yer varsa bana ulaşarak bunu belirtirseniz hem size yardımcı olabilirim hemde kendimi makale yazarlığı konusunda geliştirerek sizler için daha iyi makaleler yazabilirim.

Makale boyunca Ekran görüntüleri aldığım Youtube videosunun linkini buraya bırakıyorum.