Flutter文本分析插件morpheme_inspector的使用

Morpheme Inspector 是一个用于 Morpheme HTTP 分析器的应用内工具。它拦截并持久化应用程序内的所有 HTTP 请求和响应，并提供用户界面以检查其内容。该工具受到 Alice、Chuck 和 Chucker 的启发。

支持

• Morpheme HTTP

特性

• 每个 HTTP 调用的详细日志（HTTP 请求，HTTP 响应）
• 查看 HTTP 调用的检查器 UI
• 将 HTTP 调用保存到 Sqflite
• HTTP 调用的通知
• 对 Dart 中常用的 HTTP 客户端的支持
• 摇一摇打开检查器
• HTTP 调用搜索

如何使用

首先，在您的应用中注册 MorphemeInspector 和 MorphemeHttp：

locator.registerLazySingleton(
  () => MorphemeInspector(
    showNotification: true, // 默认为 true
    showInspectorOnShake: true, // 默认为 true
    saveInspectorToLocal: true, // 默认为 true
    notificationIcon: '[@mipmap](/user/mipmap)/ic_launcher', // 默认为 '[@mipmap](/user/mipmap)/ic_launcher'，仅适用于 Android
  ),
);
locator.registerLazySingleton(
  () => MorphemeHttp(
    timeout: 30000,
    showLog: true,
    morphemeInspector: locator(), // 添加此行以在 Morpheme HTTP 中激活检查器
  ),
);

为了在不使用上下文的情况下导航到 Morpheme Inspector 页面，需要通过 setNavigatorState(Navigator.of(context)) 方法设置导航状态，并建议在启动页面（如 SplashPage）中进行设置。

以下是一个完整的示例，展示如何在应用中集成 MorphemeInspector 和 MorphemeHttp：

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

// 创建 MorphemeInspector 实例
final inspector = MorphemeInspector(
  notificationIcon: '[@mipmap](/user/mipmap)/ic_launcher',
  saveInspectorToLocal: true,
  showInspectorOnShake: true,
  showNotification: true,
);

// 创建 MorphemeHttp 实例，并将 MorphemeInspector 注入其中
final http = MorphemeHttp(
  morphemeInspector: inspector,
);

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

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.title});

  final String title;

  [@override](/user/override)
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  [@override](/user/override)
  void initState() {
    super.initState();
    // 设置导航状态
    inspector.setNavigatorState(Navigator.of(context));
    
    isLoading = false;
    error = null;
    response = null;
  }

  bool isLoading = false;
  String? error;
  Response? response;

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            const Text(
              '发送 HTTP 请求',
            ),
            if (isLoading)
              const CircularProgressIndicator()
            else if (response != null || error != null)
              Text(
                error ?? response?.body ?? '',
                style: Theme.of(context).textTheme.bodySmall,
              ),
            const SizedBox(height: 8),
            ElevatedButton(
              onPressed: () async {
                try {
                  final response = await http.get(
                    Uri.parse('https://jsonplaceholder.typicode.com/users/1'),
                  );
                  setState(() {
                    this.response = response;
                    error = null;
                  });
                } on MorphemeException catch (e) {
                  setState(() {
                    error = e.toMorphemeFailure().toString();
                  });
                } catch (e) {
                  setState(() {
                    error = e.toString();
                  });
                }
              },
              child: const Text('发送 HTTP 请求'),
            ),
          ],
        ),
      ),
    );
  }
}