iT邦幫忙

2022 iThome 鐵人賽

DAY 18
0
Mobile Development

在 Flutter 開發旅程的手札系列 第 18

Flutter Package — Firebase Crashlytics

  • 分享至 

  • xImage
  •  

今天要教大家使用Firebase Crashlytics來搜集APP的錯誤訊息,下面的教學是我整理出自己實作成功的步驟,有興趣的人也能去官網,會有更詳細的步驟說明

Firebase官網開設新的Flutter專案
https://ithelp.ithome.com.tw/upload/images/20221002/20152683NIdlvKQrxD.png

新增專案
https://ithelp.ithome.com.tw/upload/images/20221002/20152683BcB5RaH2i8.png

https://ithelp.ithome.com.tw/upload/images/20221002/20152683TuEGbT6Ciq.png

https://ithelp.ithome.com.tw/upload/images/20221002/20152683R00g57qteo.png

https://ithelp.ithome.com.tw/upload/images/20221003/20152683NrX7kaJjpH.png

建立成功畫面
https://ithelp.ithome.com.tw/upload/images/20221002/20152683BCrwgCxCGB.png


安裝Firebase cli

curl -sL https://firebase.tools | bash

登入Google帳號,輸入完成後會跳出視窗

firebase login:ci

https://ithelp.ithome.com.tw/upload/images/20221002/20152683n2nClnYPKh.png

firebase projects:list

https://ithelp.ithome.com.tw/upload/images/20221002/20152683jh5N82x1sq.png
⚠️:執行好後要看到剛才自己建立的專案才是正確的


在Flutter內安裝Firebase

dart pub global activate flutterfire_cli
export PATH="$PATH":"$HOME/.pub-cache/bin"
flutterfire configure

https://ithelp.ithome.com.tw/upload/images/20221002/20152683ebyGQ130T3.png

安裝套件

flutter pub add firebase_core
flutter pub add firebase_crashlytics

更新main.dart的main為下方程式碼

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  runZonedGuarded<Future<void>>(() async {
    WidgetsFlutterBinding.ensureInitialized();
    await Firebase.initializeApp();

    FlutterError.onError = FirebaseCrashlytics.instance.recordFlutterFatalError;

    runApp(const MyApp());
  }, (error, stack) => FirebaseCrashlytics.instance.recordError(error, stack, fatal: true));
}

在Widget製作一個會壞掉的Button

      ElevatedButton(
              onPressed: () {
                throw Error();
              },
              child: Text("Error Test Button"),
            )

基礎的Firebase Crashlytics就建立完成了
https://ithelp.ithome.com.tw/upload/images/20221002/20152683pa7W1MyJdM.png


上一篇
Flutter Package - 寄送信件
下一篇
Flutter Package - 分享連結、文字
系列文
在 Flutter 開發旅程的手札30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言