Flutter日志管理插件log4f的使用

Logger for Flutter, inspired by Android logcat。

基本用法

Log4f.log("v", "tag", "msgmsgmsgmsgmsgmsgmsg", 0, 0, useLogan);
// 或者
Log4f.v(tag: "tag", msg: "msgmsgmsgmsgmsgmsgmsg");

日志控制台

Navigator.of(context).push(MaterialPageRoute(builder: (context) => LogConsole()));
// 或者使用其他导航API

截图：

你可以通过更改 Log4f.colorMap 来改变默认颜色。

本地日志

Log4f 封装了 Android 的 logcat 和 iOS 的 NSLog。以下是它在 logcat 工具中的样子：

在 Xcode 日志控制台中的样子：

我在日志前添加了一个数字，以便我们可以通过 “[2345]” 过滤警告及以上级别的日志。 这虽然有点笨拙，但我暂时还没有找到更好的方法。

Logan 日志

Log4f 使用 Logan 将日志记录到文件和服务器。

useLogan = await FlutterLogan.init("0123456789012345", "0123456789012345", 1024 * 1024 * 10);

...

final today = DateTime.now();
final date = "${today.year.toString()}-${today.month.toString().padLeft(2, '0')}-${today.day.toString().padLeft(2, '0')}";
final bool back = await FlutterLogan.upload(
    'http://192.168.3.46:8080/logan/logan/upload.json',
    date,
    'FlutterTestAppId',
    'FlutterTestUnionId',
    'FlutterTestDeviceId'
);

通过 Logan 网页查看：

完整示例代码

以下是一个完整的示例代码，展示了如何在 Flutter 应用程序中使用 log4f 插件。

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

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

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

class _MyAppState extends State<MyApp> {
  var useLogan = false;

  [@override](/user/override)
  void initState() {
    super.initState();
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Home(),
    );
  }
}

class Home extends StatelessWidget {
  Home({Key? key}) : super(key: key);

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Plugin example app'),
      ),
      body: SafeArea(
        child: Column(
          children: [
            OutlinedButton(
              onPressed: () async {
                useLogan = await FlutterLogan.init("0123456789012345", "0123456789012345", 1024 * 1024 * 10);
              },
              child: Text("初始化 Logan"),
            ),
            OutlinedButton(
              onPressed: () async {
                final today = DateTime.now();
                final date = "${today.year.toString()}-${today.month.toString().padLeft(2, '0')}-${today.day.toString().padLeft(2, '0')}";
                final bool back = await FlutterLogan.upload(
                  'http://192.168.3.46:8080/logan/logan/upload.json',
                  date,
                  'FlutterTestAppId',
                  'FlutterTestUnionId',
                  'FlutterTestDeviceId'
                );

                Log4f.i(msg: back ? '上传到服务器成功' : '上传到服务器失败');
              },
              child: Text("上传日志"),
            ),
            OutlinedButton(
              onPressed: () {
                Log4f.log("v", "tag", "msgmsgmsgmsgmsgmsgmsg", 0, 0, useLogan);
                Log4f.log("d", "tag", "msgmsgmsgmsgmsgmsgmsg", 0, 0, useLogan);
                Log4f.log("i", "tag", "msgmsgmsgmsgmsgmsgmsg", 0, 0, useLogan);
                Log4f.log("w", "tag", "msgmsgmsgmsgmsgmsgmsg", 0, 3, useLogan);
                Log4f.log("e", "tag", "msgmsgmsgmsgmsgmsgmsg", 0, 3, useLogan);
                Log4f.log("wtf", "tag", "msgmsgmsgmsgmsgmsgmsg", 0, 3, useLogan);
              },
              child: Text("打印日志"),
            ),
            OutlinedButton(
              onPressed: () {
                Navigator.of(context).push(MaterialPageRoute(builder: (context) => LogConsole()));
              },
              child: Text("打开控制台"),
            ),
          ],
        ),
      ),
    );
  }
}