Flutter里面錯(cuò)誤捕獲的正確方法

本篇文章給大家分享的是有關(guān)Flutter里面錯(cuò)誤捕獲的正確方法，小編覺得挺實(shí)用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)！專注于網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、小程序定制開發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了中山免費(fèi)建站歡迎大家使用！

背景

我們知道，在軟件開發(fā)過程中，錯(cuò)誤和異常總是在所難免。

不管是客戶端的邏輯錯(cuò)誤導(dǎo)致的，還是服務(wù)器的數(shù)據(jù)問題導(dǎo)致的，只要出現(xiàn)了異常，我們都需要一個(gè)機(jī)制來通知我們?nèi)ヌ幚怼?/p>

在 APP 的開發(fā)過程中，我們通過一些第三方的平臺(tái)，比如 Fabric、Bugly 等可以實(shí)現(xiàn)異常的日志上報(bào)。

Flutter 也有一些第三方的平臺(tái)，比如 Sentry 可以實(shí)現(xiàn)異常的日志上報(bào)。

但是為了更加通用一些，本篇不具體講解配合某個(gè)第三方平臺(tái)的異常日志捕獲，我們會(huì)告知大家如何在 Flutter 里面捕獲異常。

至于具體的上報(bào)途徑，不管是上報(bào)到自家的后臺(tái)服務(wù)器，還是通過第三方的 SDK API 接口進(jìn)行異常上報(bào)，都是可以的。

Demo 初始狀態(tài)

首先我們新建 Flutter 項(xiàng)目，修改 main.dart 代碼如下：

import 'package:flutter/material.dart';void main() => runApp(MyApp());class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContext context) {  return MaterialApp(   home: Scaffold(    appBar: AppBar(title: Text('Flutter Crash Capture'),),    body: MyHomePage(),   ),  ); }}class MyHomePage extends StatelessWidget { @override Widget build(BuildContext context) {  return Container(); }}

效果如下：

捕獲錯(cuò)誤

我們修改 MyHomePage，添加一個(gè) List 然后進(jìn)行越界訪問，改動(dòng)部分代碼如下：

class MyHomePage extends StatelessWidget { @override Widget build(BuildContext context) {  List<String> numList = ['1', '2'];  print(numList[6]);  return Container(); }}

可以看到控制臺(tái)報(bào)錯(cuò)如下：

flutter: ══╡ EXCEPTION CAUGHT BY WIDGETS LIBRARY ╞═══════════════════════════════════════════════════════════flutter: The following RangeError was thrown building MyHomePage(dirty):flutter: RangeError (index): Invalid value: Not in range 0..1, inclusive: 6

當(dāng)然這些錯(cuò)誤信息在界面上也有顯示（debug 模式）。

那么我們?nèi)绾尾东@呢？

其實(shí)很簡(jiǎn)單，有個(gè)通用模板，模板為：

import 'dart:async';import 'package:flutter/material.dart';Future<Null> main() async { FlutterError.onError = (FlutterErrorDetails details) async {  Zone.current.handleUncaughtError(details.exception, details.stack); }; runZoned<Future<void>>(() async {  runApp(MyApp()); }, onError: (error, stackTrace) async {  await _reportError(error, stackTrace); });}Future<Null> _reportError(dynamic error, dynamic stackTrace) async { // TODO}

在 TODO 里面就可以執(zhí)行埋點(diǎn)上報(bào)操作或者其他處理了。

完整例子如下：

import 'dart:async';import 'package:flutter/material.dart';Future<Null> main() async { FlutterError.onError = (FlutterErrorDetails details) async {  Zone.current.handleUncaughtError(details.exception, details.stack); }; runZoned<Future<void>>(() async {  runApp(MyApp()); }, onError: (error, stackTrace) async {  await _reportError(error, stackTrace); });}Future<Null> _reportError(dynamic error, dynamic stackTrace) async { print('catch error='+error);}class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContext context) {  return MaterialApp(   home: Scaffold(    appBar: AppBar(title: Text('Flutter Crash Capture'),),    body: MyHomePage(),   ),  ); }}class MyHomePage extends StatelessWidget { @override Widget build(BuildContext context) {  List<String> numList = ['1', '2'];  print(numList[6]);  return Container(); }}

運(yùn)行可以看到控制臺(tái)捕獲到錯(cuò)誤如下：

flutter: catch error=RangeError (index): Invalid value: Not in range 0..1, inclusive: 6

assert 妙用

我們知道，一般錯(cuò)誤上報(bào)都是在打包發(fā)布到市場(chǎng)后才需要。

平時(shí)調(diào)試的時(shí)候如果遇到錯(cuò)誤，我們是會(huì)定位問題并修復(fù)的。

因此在 debug 模式下，我們不希望上報(bào)錯(cuò)誤，而是希望直接打印到控制臺(tái)。

那么，這個(gè)時(shí)候就需要一種方式來區(qū)分現(xiàn)在是 debug 模式還是 release 模式，怎么區(qū)分呢？

這個(gè)時(shí)候就需要用到 assert 了。

bool get isInDebugMode { // Assume you're in production mode. bool inDebugMode = false; // Assert expressions are only evaluated during development. They are ignored // in production. Therefore, this code only sets `inDebugMode` to true // in a development environment. assert(inDebugMode = true); return inDebugMode;}

從注釋也可以知道，assert 表達(dá)式只在開發(fā)環(huán)境下會(huì)起作用，在生產(chǎn)環(huán)境下會(huì)被忽略。

因此利用這一個(gè)，我們就可以實(shí)現(xiàn)我們的需求。

上面的結(jié)論要驗(yàn)證也很簡(jiǎn)單，我們就不演示了。

完整模板

import 'dart:async';import 'package:flutter/material.dart';Future<Null> main() async { FlutterError.onError = (FlutterErrorDetails details) async {  if (isInDebugMode) {   FlutterError.dumpErrorToConsole(details);  } else {   Zone.current.handleUncaughtError(details.exception, details.stack);  } }; runZoned<Future<void>>(() async {  runApp(MyApp()); }, onError: (error, stackTrace) async {  await _reportError(error, stackTrace); });}Future<Null> _reportError(dynamic error, dynamic stackTrace) async { // TODO}bool get isInDebugMode { // Assume you're in production mode. bool inDebugMode = false; // Assert expressions are only evaluated during development. They are ignored // in production. Therefore, this code only sets `inDebugMode` to true // in a development environment. assert(inDebugMode = true); return inDebugMode;}

debug 模式下，直接將錯(cuò)誤打印到控制臺(tái)，方便定位問題。

release 模式下，將錯(cuò)誤信息收集起來，上傳到服務(wù)器。

以上就是Flutter里面錯(cuò)誤捕獲的正確方法，小編相信有部分知識(shí)點(diǎn)可能是我們?nèi)粘９ぷ鲿?huì)見到或用到的。希望你能通過這篇文章學(xué)到更多知識(shí)。更多詳情敬請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

網(wǎng)站欄目：Flutter里面錯(cuò)誤捕獲的正確方法
當(dāng)前路徑：http://m.kartarina.com/article6/pphiog.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供、移動(dòng)網(wǎng)站建設(shè)、網(wǎng)站制作、品牌網(wǎng)站制作、服務(wù)器托管、網(wǎng)站營銷

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)