tingyun_flutter如何集成使用

在Flutter项目中集成Tingyun SDK的步骤是什么？需要配置哪些参数？有没有完整的示例代码可以参考？集成过程中常见的坑有哪些？如何验证集成是否成功？

2 回复

Tingyun Flutter集成步骤：

  1. 在pubspec.yaml添加依赖：tingyun_flutter: ^版本号
  2. 执行flutter pub get
  3. 初始化：在main()调用TingyunFlutter.init(appKey)
  4. 启动性能监控，支持自动和手动埋点

注意：需申请对应AppKey，参考官方文档配置Android/iOS原生端。

更多关于tingyun_flutter如何集成使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


Tingyun Flutter SDK 集成步骤如下：

1. 添加依赖 在 pubspec.yaml 中添加：

dependencies:
  tingyun_flutter: ^最新版本

运行 flutter pub get

2. Android 配置

  • 在 android/app/src/main/AndroidManifest.xml 添加权限：
<uses-permission android:name="android.permission.INTERNET"/>
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>
  • 在 android/app/build.gradle 的 defaultConfig 中添加：
manifestPlaceholders = [
    TINGYUN_APPKEY: "您的APP_KEY"
]

3. iOS 配置 在 ios/Runner/Info.plist 中添加：

<key>TingyunAppKey</key>
<string>您的APP_KEY</string>

4. 初始化 在 main.dart 中初始化：

import 'package:tingyun_flutter/tingyun_flutter.dart';

void main() {
  WidgetsFlutterBinding.ensureInitialized();
  TingyunFlutter.init("您的APP_KEY"); // 从后台获取
  runApp(MyApp());
}

5. 基本使用

  • 页面监控（自动监控命名路由）
  • 手动页面监控：
TingyunFlutter.startTrackPage('PageName');
// 页面内容...
TingyunFlutter.stopTrackPage('PageName');
  • HTTP 请求监控（自动监控 http/dio 请求）
  • 自定义事件：
TingyunFlutter.trackEvent('事件名称', {'key': 'value'});

注意事项

  • 确保从 Tingyun 后台获取正确的 AppKey
  • 测试时查看控制台日志确认初始化成功
  • 生产环境建议关闭 Debug 日志

完成以上步骤后，即可在 Tingyun 平台查看应用性能数据。

回到顶部