本篇文章給大家分享的是有關(guān)Flutter里面錯(cuò)誤捕獲的正確方法,小編覺(jué)得挺實(shí)用的,因此分享給大家學(xué)習(xí),希望大家閱讀完這篇文章后可以有所收獲,話不多說(shuō),跟著小編一起來(lái)看看吧。
站在用戶的角度思考問(wèn)題,與客戶深入溝通,找到定西網(wǎng)站設(shè)計(jì)與定西網(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗(yàn),讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合,創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品,建站類(lèi)型包括:網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、申請(qǐng)域名、虛擬主機(jī)、企業(yè)郵箱。業(yè)務(wù)覆蓋定西地區(qū)。背景
我們知道,在軟件開(kāi)發(fā)過(guò)程中,錯(cuò)誤和異??偸窃谒y免。
不管是客戶端的邏輯錯(cuò)誤導(dǎo)致的,還是服務(wù)器的數(shù)據(jù)問(wèn)題導(dǎo)致的,只要出現(xiàn)了異常,我們都需要一個(gè)機(jī)制來(lái)通知我們?nèi)ヌ幚怼?/p>
在 APP 的開(kāi)發(fā)過(guò)程中,我們通過(guò)一些第三方的平臺(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ù)器,還是通過(guò)第三方的 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)行越界訪問(wè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ì)定位問(wèn)題并修復(fù)的。
因此在 debug 模式下,我們不希望上報(bào)錯(cuò)誤,而是希望直接打印到控制臺(tái)。
那么,這個(gè)時(shí)候就需要一種方式來(lái)區(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á)式只在開(kāi)發(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),方便定位問(wèn)題。
release 模式下,將錯(cuò)誤信息收集起來(lái),上傳到服務(wù)器。
以上就是Flutter里面錯(cuò)誤捕獲的正確方法,小編相信有部分知識(shí)點(diǎn)可能是我們?nèi)粘9ぷ鲿?huì)見(jiàn)到或用到的。希望你能通過(guò)這篇文章學(xué)到更多知識(shí)。更多詳情敬請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
標(biāo)題名稱(chēng):Flutter里面錯(cuò)誤捕獲的正確方法-創(chuàng)新互聯(lián)
文章網(wǎng)址:http://muchs.cn/article20/dphsco.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站建設(shè)、全網(wǎng)營(yíng)銷(xiāo)推廣、響應(yīng)式網(wǎng)站、外貿(mào)建站、網(wǎng)站設(shè)計(jì)、虛擬主機(jī)
聲明:本網(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í)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容