美文网首页
Flutter异常捕获在项目中的应用

Flutter异常捕获在项目中的应用

作者: YorkLe | 来源:发表于2020-09-03 11:23 被阅读0次
    image

    在程序开发中,有个非常重要的思想,《发现问题,解决问题》异常捕获显然是发现问题,解决问题的必要手段之一,接下来我们先了解下flutter的异常捕获

    Flutter异常捕获

    在介绍Flutter异常捕获之前必须先了解一下Dart单线程模型,只有了解了Dart的代码执行流程,我们才能知道该在什么地方去捕获异常。

    Dart单线程模型

    在Java和Objective-C(以下简称“OC”)中,如果程序发生异常且没有被捕获,那么程序将会终止,但是这在Dart或JavaScript中则不会!究其原因,这和它们的运行机制有关系。Java和OC都是多线程模型的编程语言,任意一个线程触发异常且该异常未被捕获时,就会导致整个进程退出。但Dart和JavaScript不会,它们都是单线程模型,运行机制很相似(但有区别),下面我们通过Dart官方提供的一张图来看看Dart大致运行原理:


    image

    Dart 在单线程中是以消息循环机制来运行的,其中包含两个任务队列,一个是“微任务队列” microtask queue,另一个叫做“事件队列” event queue。从图中可以发现,微任务队列的执行优先级高于事件队列。

    现在我们来介绍一下Dart线程运行过程,如上图中所示,入口函数 main() 执行完后,消息循环机制便启动了。首先会按照先进先出的顺序逐个执行微任务队列中的任务,事件任务执行完毕后程序便会退出,但是,在事件任务执行的过程中也可以插入新的微任务和事件任务,在这种情况下,整个线程的执行过程便是一直在循环,不会退出,而Flutter中,主线程的执行过程正是如此,永不终止。

    在Dart中,所有的外部事件任务都在事件队列中,如IO、计时器、点击、以及绘制事件等,而微任务通常来源于Dart内部,并且微任务非常少,之所以如此,是因为微任务队列优先级高,如果微任务太多,执行时间总和就越久,事件队列任务的延迟也就越久,对于GUI应用来说最直观的表现就是比较卡,所以必须得保证微任务队列不会太长。值得注意的是,我们可以通过Future.microtask(…)方法向微任务队列插入一个任务。

    在事件循环中,当某个任务发生异常并没有被捕获时,程序并不会退出,而直接导致的结果是当前任务的后续代码就不会被执行了,也就是说一个任务中的异常是不会影响其它任务执行的。

    Flutter异常捕获

    Dart中可以通过try/catch/finally来捕获代码块异常,这个和其它编程语言类似,如果读者不清楚,可以查看Dart语言文档,不再赘述,下面我们看看Flutter中的异常捕获。

    Flutter框架异常捕获

    Flutter 框架为我们在很多关键的方法进行了异常捕获。这里举一个例子,当我们布局发生越界或不合规范时,Flutter就会自动弹出一个错误界面,这是因为Flutter已经在执行build方法时添加了异常捕获,最终的源码如下:

    @override
    void performRebuild() {
     ...
      try {
        //执行build方法  
        built = build();
      } catch (e, stack) {
        // 有异常时则弹出错误提示  
        built = ErrorWidget.builder(_debugReportException('building $this', e, stack));
      } 
      ...
    }
    

    可以看到,在发生异常时,Flutter默认的处理方式是弹一个ErrorWidget,但如果我们想自己捕获异常并上报到报警平台的话应该怎么做?我们进入_debugReportException()方法看看:

    FlutterErrorDetails _debugReportException(
      String context,
      dynamic exception,
      StackTrace stack, {
      InformationCollector informationCollector
    }) {
      //构建错误详情对象  
      final FlutterErrorDetails details = FlutterErrorDetails(
        exception: exception,
        stack: stack,
        library: 'widgets library',
        context: context,
        informationCollector: informationCollector,
      );
      //报告错误 
      FlutterError.reportError(details);
      return details;
    }
    

    我们发现,错误是通过FlutterError.reportError方法上报的,继续跟踪:

    static void reportError(FlutterErrorDetails details) {
      ...
      if (onError != null)
        onError(details); //调用了onError回调
    }
    

    我们发现onError是FlutterError的一个静态属性,它有一个默认的处理方法 dumpErrorToConsole,到这里就清晰了,如果我们想自己上报异常,只需要提供一个自定义的错误处理回调即可,如:

    void main() {
      FlutterError.onError = (FlutterErrorDetails details) {
        reportError(details);
      };
     ...
    }
    

    这样我们就可以处理那些Flutter为我们捕获的异常了,接下来我们看看如何捕获其它异常。

    在项目中比较简单且有效的用法

      Future requestApi() async{
        try{
        // TODO:需要检查的异常代码
        ...
        }catch(e){
        // debugger 项目中非常好用,出现异地直接定位到问题的地方,有奇效,强力推荐读者自己试一下debugger()
          debugger(when: e!= null);
          print(e);
        }
      }
    

    本文 部分代码来源于《Flutter实战》

    《Flutter实战》比较实用的一本书,值得入坑购买(https://u.jd.com/7B1kD2)

    相关文章

      网友评论

          本文标题:Flutter异常捕获在项目中的应用

          本文链接:https://www.haomeiwen.com/subject/bppnsktx.html