Flutter ile Firebase Crashlytics Kullanımı 💫 🌌 ✨

Bu öğretici Firebase konsolunda kapsamlı crash (kilitlenme) raporları alabilmeniz için Crashlytics Flutter eklentisi ile uygulamanızda Firebase Crashlytics’i nasıl kuracağınızı açıklar.

Firebase projesi oluşturun

Adresine giderek önce visit console s…


This content originally appeared on DEV Community 👩‍💻👨‍💻 and was authored by Gülsen Keskin

Bu öğretici Firebase konsolunda kapsamlı crash (kilitlenme) raporları alabilmeniz için Crashlytics Flutter eklentisi ile uygulamanızda Firebase Crashlytics'i nasıl kuracağınızı açıklar.

Firebase projesi oluşturun

Adresine giderek önce visit console sonra açılan pencereden Add project butonuna tıklayarak firabase projesi oluşturun.

Image description

Google Analytics alanının seçili olmasına dikkat edin

Image description

Image description

Image description

npm ile Firebase CLI kurun
(flutterfire komutunu çalıştırabilmek için bu adım gereklidir.)

npm install -g firebase-tools

Google hesabınızı kullanarak Firebase'e giriş yapın:

Aşağıdaki komutu çalıştırarak Google hesabınızı kullanarak Firebase'e giriş yapın:

firebase login

Image description

Firebase projelerinizi listeleyerek CLI'nin düzgün şekilde yüklenip yüklenmediğini ve hesabınıza erişildiğini test edin. Aşağıdaki komutu çalıştırın:

firebase projects:list

FlutterFire CLI'yi kurun
Herhangi bir dizinden aşağıdaki komutu çalıştırarak FlutterFire CLI'yi kurun:

dart pub global activate flutterfire_cli

Ortam değişkenlerinizdeki path alanına uyarıda çıkan yolu ekleyin

örnek:
Image description

Flutter projenize Crashlytics ekleyin

Crashlytics Flutter eklentisini kurmak için terminalinizi yönetici olarak çalıştırdıktan sonra flutter projenizin bulunduğu yolda aşağıdaki komutları çalıştırın:

flutter pub add firebase_crashlytics

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 için gerekli Crashlytics Gradle eklentisini uygulamanıza ekler.

flutterfire configure Komutunu çalıştırdıktan sonra aşağıdaki gibi oluşturduğunuz firebase projesini seçerek enter tuşuna basın.

Image description

Son olarak platform seçerek enter tuşuna basın (android ve ios seçili olarak gelecektir enter tuşuna basarak ilerleyebilirsiniz.)

Image description

Bu işlemin sonunda android ve ios için iki farklı app id oluşur.

Image description

android\build.gradle dosyanıza resimdeki gibi aşağıdaki satırları ekleyin

 // START: FlutterFire Configuration
        classpath 'com.google.gms:google-services:4.3.10'
        // END: FlutterFire Configuration
        classpath 'com.google.firebase:firebase-crashlytics-gradle:2.7.1'

Image description

android\app\build.gradle dosyanıza resimdeki gibi aşağıdaki satırları ekleyin

Image description


// START: FlutterFire Configuration
apply plugin: 'com.google.gms.google-services'
// END: FlutterFire Configuration
apply from: "$flutterRoot/packages/flutter_tools/gradle/flutter.gradle"

dependencies {
   ...
}
}

apply plugin: 'com.google.firebase.crashlytics'

Tamamlandığında, Flutter projenizi çalıştırın:

flutter run

Firebase projeniz resimdeki gibi gözükmelidir

Image description

(İsteğe bağlı) Flutter projeniz --split-debug-info bayrağını (ve isteğe bağlı olarak --obfuscate bayrağını ) kullanıyorsa, Android sembollerini yüklemek için Firebase CLI'yi (v.11.9.0+) kullanmanız gerekir.

Flutter projenizin kök dizininden aşağıdaki komutu çalıştırın:

firebase crashlytics:symbols:upload --app=APP_ID PATH/TO/symbols

PATH/TO/symbols dizini, uygulamayı oluştururken --split-debug-info bayrağına ilettiğiniz dizinle aynıdır.

Configure crash handlers

FlutterError.onError'u FirebaseCrashlytics.instance.recordFlutterFatalError ile geçersiz kılarak Flutter framework içinde oluşan tüm hataları otomatik olarak yakalayabilirsiniz:

void main() async {
  WidgetsFlutterBinding.ensureInitialized();

  await Firebase.initializeApp();

  // Pass all uncaught errors from the framework to Crashlytics.
  FlutterError.onError = FirebaseCrashlytics.instance.recordFlutterFatalError;

  runApp(MyApp());
}

Kurulumu test etmek için bir hata döndürün

TextButton(
    onPressed: () => throw Exception(),
    child: const Text("Throw Test Exception"),
),

Uygulamanızı çalıştırın.

Uygulamanızın ilk raporunu göndermek için eklediğiniz Throw Test Exception butonuna tıklayın:

Test çökmenizi görmek için Firebase konsolunun Crashlytics panosuna gidin.

Image description

Konsolu yenilediyseniz ve beş dakika sonra test çökmesini hâlâ görmüyorsanız, uygulamanızın kilitlenme raporları gönderip göndermediğini görmek için hata ayıklama günlüğünü etkinleştirin .

Kaynaklar:
Firebase CLI kurun
Firebase'i uygulamanıza ekleyin
crashlytics
flutterfire-is-not-recognized
https://firebase.google.com/docs/crashlytics


This content originally appeared on DEV Community 👩‍💻👨‍💻 and was authored by Gülsen Keskin


Print Share Comment Cite Upload Translate Updates
APA

Gülsen Keskin | Sciencx (2022-10-30T17:59:48+00:00) Flutter ile Firebase Crashlytics Kullanımı 💫 🌌 ✨. Retrieved from https://www.scien.cx/2022/10/30/flutter-ile-firebase-crashlytics-kullanimi-%f0%9f%92%ab-%f0%9f%8c%8c-%e2%9c%a8/

MLA
" » Flutter ile Firebase Crashlytics Kullanımı 💫 🌌 ✨." Gülsen Keskin | Sciencx - Sunday October 30, 2022, https://www.scien.cx/2022/10/30/flutter-ile-firebase-crashlytics-kullanimi-%f0%9f%92%ab-%f0%9f%8c%8c-%e2%9c%a8/
HARVARD
Gülsen Keskin | Sciencx Sunday October 30, 2022 » Flutter ile Firebase Crashlytics Kullanımı 💫 🌌 ✨., viewed ,<https://www.scien.cx/2022/10/30/flutter-ile-firebase-crashlytics-kullanimi-%f0%9f%92%ab-%f0%9f%8c%8c-%e2%9c%a8/>
VANCOUVER
Gülsen Keskin | Sciencx - » Flutter ile Firebase Crashlytics Kullanımı 💫 🌌 ✨. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2022/10/30/flutter-ile-firebase-crashlytics-kullanimi-%f0%9f%92%ab-%f0%9f%8c%8c-%e2%9c%a8/
CHICAGO
" » Flutter ile Firebase Crashlytics Kullanımı 💫 🌌 ✨." Gülsen Keskin | Sciencx - Accessed . https://www.scien.cx/2022/10/30/flutter-ile-firebase-crashlytics-kullanimi-%f0%9f%92%ab-%f0%9f%8c%8c-%e2%9c%a8/
IEEE
" » Flutter ile Firebase Crashlytics Kullanımı 💫 🌌 ✨." Gülsen Keskin | Sciencx [Online]. Available: https://www.scien.cx/2022/10/30/flutter-ile-firebase-crashlytics-kullanimi-%f0%9f%92%ab-%f0%9f%8c%8c-%e2%9c%a8/. [Accessed: ]
rf:citation
» Flutter ile Firebase Crashlytics Kullanımı 💫 🌌 ✨ | Gülsen Keskin | Sciencx | https://www.scien.cx/2022/10/30/flutter-ile-firebase-crashlytics-kullanimi-%f0%9f%92%ab-%f0%9f%8c%8c-%e2%9c%a8/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.