Flutter日志记录插件let_log的使用

LetLog 是一个支持 IDE 和应用内显示的日志记录插件，并且支持日志和网络请求的记录。

开始使用

API 受到 Web 的启发。

示例代码

// 记录日志
Logger.log("this is log");

// 调试信息
Logger.debug("this is debug", "this is debug message");

// 警告信息
Logger.warn("this is warn", "this is a warning message");

// 错误信息
Logger.error("this is error", "this is a error message");

// 测试错误捕获
try {
  final test = {};
  test["test"]["test"] = 1;
} catch (a, e) {
  Logger.error(a, e);
}

// 时间测试
Logger.time("timeTest");
Logger.endTime("timeTest");

// 记录网络请求
Logger.net(
  "api/user/getUser",
  data: {"user": "yung", "pass": "xxxxxx"},
);
Logger.endNet(
  "api/user/getUser",
  data: {
    "users": [
      {"id": 1, "name": "yung", "avatar": "xxx"},
      {"id": 2, "name": "yung2", "avatar": "xxx"}
    ]
  },
);

// 记录 WebSocket 网络请求
Logger.net("ws/chat/getList", data: {"chanel": 1}, type: "Socket");
Logger.endNet(
  "ws/chat/getList",
  data: {
    "users": [
      {"id": 1, "name": "yung", "avatar": "xxx"},
      {"id": 2, "name": "yung2", "avatar": "xxx"}
    ]
  },
);

// 清除日志
// Logger.clear();

IDE 显示结果

应用中显示日志

Widget build(BuildContext context) {
  return Logger();
}

应用中的日志展示

应用中的网络请求展示

应用中的搜索功能

设置自定义分类名称

// 配置
Logger.enabled = false;
Logger.config.maxLimit = 50;
Logger.config.reverse = true;
Logger.config.printLog = false;
Logger.config.printNet = false;

// 在 IDE 打印时设置分类名称，可以使用表情符号
Logger.config.setPrintNames(
  log: "[😄Log]",
  debug: "[🐛Debug]",
  warn: "[❗Warn]",
  error: "[❌Error]",
  request: "[⬆️Req]",
  response: "[⬇️Res]",
);

// 在应用中设置分类名称，可以使用表情符号
Logger.config.setTabNames(
  log: "😄",
  debug: "🐛",
  warn: "❗",
  error: "❌",
  request: "⬆️",
  response: "⬇️",
);

设置后的效果

特性

• 支持 IDE 打印和应用内展示。
• 支持日志、错误、时间统计、网络等信息输出。
• 接口模仿 Web 控制台类，提供 log、debug、warn、error、time、endTime、net、endNet 等方法。
• 支持按类别过滤日志内容。
• 支持按关键词过滤日志内容。
• 支持复制日志内容。
• 同时支持 HTTP 和 WebSocket。
• 网络统计支持包大小和持续时间。
• 支持自定义日志分类符号，喜欢的话可以用表情符号作为分类标志。
• 应用内多色输出日志，使错误日志更显眼。
• 支持根据应用自动切换黑白皮肤。
• 支持一些自定义日志设置。

GitHub

https://github.com/yungzhu/let_log

如果喜欢，给它加个星，谢谢！

完整示例代码

以下是一个完整的示例代码，展示了如何在 Flutter 中使用 let_log 插件：

import 'dart:async';

import 'package:flutter/material.dart';
import 'package:let_log/let_log.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  [@override](/user/override)
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  [@override](/user/override)
  void initState() {
    // 配置选项（可选）
    // Logger.enabled = false;
    // Logger.config.maxLimit = 50;
    // Logger.config.reverse = true;
    // Logger.config.printLog = false;
    // Logger.config.printNet = false;

    // 设置 IDE 打印的分类名称
    // Logger.config.setPrintNames(
    //   log: "[😄Log]",
    //   debug: "[🐛Debug]",
    //   warn: "[❗Warn]",
    //   error: "[❌Error]",
    //   request: "[⬆️Req]",
    //   response: "[⬇️Res]",
    // );

    // 设置应用内的分类名称
    // Logger.config.setTabNames(
    //   log: "😄",
    //   debug: "🐛",
    //   warn: "❗",
    //   error: "❌",
    //   request: "⬆️",
    //   response: "⬇️",
    // );

    // 启动定时任务，定期打印日志
    _test(null);
    Timer.periodic(const Duration(seconds: 5), _test);

    super.initState();
  }

  void _test(_) {
    // 记录普通日志
    Logger.log("this is log");

    // 记录调试信息
    Logger.debug("this is debug", "this is debug message");

    // 记录警告信息
    Logger.warn("this is warn", "this is a warning message");

    // 记录错误信息
    Logger.error("this is error", "this is a error message");

    // 捕获异常并记录
    try {
      final test = {};
      test["test"]["test"] = 1;
    } catch (a, e) {
      Logger.error(a, e);
    }

    // 时间测试
    Logger.time("timeTest");
    Logger.endTime("timeTest");

    // 记录网络请求
    Logger.net(
      "api/user/getUser",
      data: {"user": "yung", "pass": "xxxxxx"},
    );
    Logger.endNet(
      "api/user/getUser",
      data: {
        "users": [
          {"id": 1, "name": "yung", "avatar": "xxx"},
          {"id": 2, "name": "yung2", "avatar": "xxx"}
        ]
      },
    );

    // 记录 WebSocket 请求
    Logger.net("ws/chat/getList", data: {"chanel": 1}, type: "Socket");
    Logger.endNet(
      "ws/chat/getList",
      data: {
        "users": [
          {"id": 1, "name": "yung", "avatar": "xxx"},
          {"id": 2, "name": "yung2", "avatar": "xxx"}
        ]
      },
    );

    // 清除日志（可选）
    // Logger.clear();
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Logger(); // 显示日志界面
  }
}