背景
flutter 开发的app 安装到真机上 无法定位报错信息,只能使用usb连接电脑 使用adb logcat来查看日志效率低下。
想法
如果将flutter 开发的app 运行的时候 将日志写进一个日志文件里面去,然后给flutter app搭建一个http服务器,后端知道对应app的ip后,直连对应app 获取日志文件。
效果如下
第一步
获取本机的ip地址 放在个人中心里面
如:
flutter 获取本机ip
方式一:缺点(模拟器获取有时会获取不到) 不推荐 但是必须使用
for (var interface in await NetworkInterface.list()) {
for (var addr in interface.addresses) {
if (addr.type == InternetAddressType.IPv4) {
address = addr.address.toString();
print('IPv4 地址: ${addr.address}');
}
// else if (addr.type == InternetAddressType.IPv6) {
// print('IPv6 地址: ${addr.address}');
// // address = addr.address.toString();
// }
}
}
方式二:
dart_ipify dart_ipify | Dart Package 这里是外网的IP(不适用)
import 'package:dart_ipify/dart_ipify.dart';
final ipv4 = await Ipify.ipv4();
print(ipv4); // 98.207.254.136
这里声明一下 客户端日志上传只限于局域网 如果是外网 手机的网络ip app 内部是局域网 是访问不到的
如果是外网 采用用户 手动触发一些列操作 如 去个人中心 点击上报日志 (这个功能需要实现)
第二步
利用shelf flutter 的插件搭建 app内的服务器
shelf | Dart PackageA model for web server middleware that encourages composition and easy reuse.https://pub-web.flutter-io.cn/packages/shelf注意端口不能为 80
import 'package:LS/common/extension/custom_ext.dart';
import 'package:LS/common/utils/log.dart';
import 'package:dart_ipify/dart_ipify.dart';
import 'package:flutter/foundation.dart';
import 'package:shelf/shelf.dart';
import 'package:shelf/shelf_io.dart' as shelf_io;
class Server {
static String address = "";
static init() async {
if (kIsWeb) {
return;
}
for (var interface in await NetworkInterface.list()) {
for (var addr in interface.addresses) {
if (addr.type == InternetAddressType.IPv4) {
address = addr.address.toString();
print('IPv4 地址: ${addr.address}');
}
// else if (addr.type == InternetAddressType.IPv6) {
// print('IPv6 地址: ${addr.address}');
// // address = addr.address.toString();
// }
}
}
// String ipv4 = await Ipify.ipv4();
"当前ip i $address".w();
// address = ipv4;
var handler =
const Pipeline().addMiddleware(logRequests()).addHandler(_echoRequest);
var server = await shelf_io.serve(handler, address, 8080);
// Enable content compression
server.autoCompress = true;
print('Serving at http://${server.address.host}:${server.port}');
}
static Future<Response> _echoRequest(Request request) async {
switch (request.requestedUri.path) {
case '/':
return Response.ok('Hello, World!');
case "/log":
var headers = {
'content-type': 'text/plain',
'content-disposition': 'attachment; filename="log.txt"'
};
String log = await Console.getLogLocalFile();
return Response.ok(log, headers: headers);
}
return Response.ok('Request for "${request.url}"');
}
}
核心代码就是
import 'package:shelf/shelf.dart';
import 'package:shelf/shelf_io.dart' as shelf_io;
void main() async {
var handler =
const Pipeline().addMiddleware(logRequests()).addHandler(_echoRequest);
var server = await shelf_io.serve(handler, 'localhost', 8080);
// Enable content compression
server.autoCompress = true;
print('Serving at http://${server.address.host}:${server.port}');
}
Response _echoRequest(Request request) =>
Response.ok('Request for "${request.url}"');
main中 运行服务器
if (kDebugMode) {
Server.init();
}
日志是 再打印的时候 就会自动进行写入
日志输出 同时写入app文件夹制定文件里面
///输出日志工具类
class Console {
static const bool _isLog = true; // 是否输出日志标识
static const bool _isDebug = kDebugMode; // 是否为debug模式
static const String _logFlag = "app输出日志"; // 输出日志前缀
///日志输出,仅dubug模式下生效
static void d(Object? object) {
if (_isLog && _isDebug) {
// print("$_logFlag | $object");
// developer.log();
Global.logger.i("$_logFlag | $object");
if (!kIsWeb) {
writeLogsToFile("$_logFlag | $object");
}
}
}
static log(List args) {
if (_isLog && _isDebug) {
// print("$_logFlag | ${args.toString()}");
// developer.log("$_logFlag | ${args.toString()}");
Global.logger.i("$_logFlag | ${args.toString()}");
if (!kIsWeb) {
writeLogsToFile("$_logFlag | ${args.toString()}");
}
}
}
// 只写日志 不输出
static void staticWriteLogsToFile(String logs, String type) async {
writeLogsToFile("$type | ${DateTime.now().toLocal()} | $logs}");
}
static Future<String> getLogsDirectory() async {
Directory appDocDir = await getApplicationDocumentsDirectory();
print("appDocDir==> $appDocDir");
String logsDirectory = '${appDocDir.path}/log/api';
Directory(logsDirectory).createSync(recursive: true);
return logsDirectory;
}
static Future<void> writeLogsToFile(String logMessage) async {
String logsDirectory = await getLogsDirectory();
File logFile = File('$logsDirectory/app_logs.txt');
await logFile.writeAsString('$logMessage\n', mode: FileMode.append);
}
static Future getLogLocalFile() async {
String logsDirectory = await getLogsDirectory();
File logFile = File('$logsDirectory/app_logs.txt');
String log = await logFile.readAsString();
return log;
}
}
为字符串扩展 方法进行 打印
extension LogExt on String {
log() {
Global.logger.d(this);
Console.staticWriteLogsToFile(this, "log");
}
t() {
Global.logger.t(this);
Console.staticWriteLogsToFile(this, "stackTrace");
}
info() {
Global.logger.i(this);
Console.staticWriteLogsToFile(this, "info");
}
errorLog() {
Global.logger.e("Error", error: this);
Console.staticWriteLogsToFile(this, "error");
}
w() {
Global.logger.w(this);
Console.staticWriteLogsToFile(this, "warning");
}
}
使用如:
"日志 啊啊啊".w();
获取日志
任何可以发送请求的 工具 ,我使用浏览器文章来源:https://www.toymoban.com/news/detail-813187.html
文章来源地址https://www.toymoban.com/news/detail-813187.html
到了这里,关于flutter 客户端日志上传定位错误信息的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!