Flutter通信插件babble_sdk的使用

Flutter通信插件babble_sdk的使用

本项目是一个用于Flutter的新项目。它是一个专门的包，包括适用于Android和/或iOS的平台特定实现代码。

开始使用

本项目作为一个起点，帮助你开始使用Flutter开发。对于Flutter开发的帮助信息，可以查看官方文档，其中包含教程、示例、移动开发指南以及完整的API引用。

示例代码

以下是一个使用babble_sdk的完整示例代码：

import 'package:babble_sdk/babble_sdk.dart';
import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;

void main() {
  WidgetsFlutterBinding.ensureInitialized(); // 初始化Flutter绑定
  BabbleSdk.instance.init(userId: "1PilLLqANCHjpAvTUhFt"); // 初始化BabbleSdk并设置用户ID
  runApp(const MyApp()); // 运行应用
}

class MyApp extends StatefulWidget {
  const MyApp({super.key}); // 构造函数

  [@override](/user/override)
  State<MyApp> createState() => _MyAppState(); // 创建状态对象
}

class _MyAppState extends State<MyApp> {
  GetConfiguration? configuration; // 定义一个配置对象

  [@override](/user/override)
  void initState() {
    super.initState(); // 调用父类方法
    BabbleSdk.instance.setCustomerId(customerId: "User102"); // 设置客户ID
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('插件示例应用'), // 设置应用标题
        ),
        body: Column(
          mainAxisAlignment: MainAxisAlignment.center, // 主轴居中对齐
          crossAxisAlignment: CrossAxisAlignment.center, // 交叉轴居中对齐
          children: [
            Center(
              child: TextButton( // 触发调查按钮
                onPressed: () {
                  BabbleSdk.instance.triggerSurvey(
                      trigger: 'quizz', properties: {"test1": "Nirmal"}); // 触发调查
                },
                child: const Text('触发调查'), // 按钮文本
              ),
            ),
            const SizedBox(
              height: 10, // 添加间距
            ),
            Center(
              child: TextButton( // 取消调查按钮
                onPressed: () {
                  BabbleSdk.instance.cancelSurvey(); // 取消调查
                },
                child: const Text('取消调查'), // 按钮文本
              ),
            ),
          ],
        ),
      ),
    );
  }

  Future<http.Response> getConfiguration() { // 获取配置
    return http.get(Uri.parse(
        'https://c38f-208-59-183-252.ngrok.io/get_ios_testing_config')); // 发送HTTP GET请求
  }
}

class GetConfiguration { // 配置类
  String? id; // 配置ID
  String? triggerName; // 触发名称
  String? customerId; // 客户ID
  String? initId; // 初始化ID

  GetConfiguration({this.id, this.triggerName, this.customerId, this.initId}); // 构造函数

  GetConfiguration.fromJson(Map<String, dynamic> json) { // 从JSON解析
    id = json['id'];
    triggerName = json['trigger_name'];
    customerId = json['customer_id'];
    initId = json['init_id'];
  }

  Map<String, dynamic> toJson() { // 转换为JSON
    final Map<String, dynamic> data = <String, dynamic>{};
    data['id'] = id;
    data['trigger_name'] = triggerName;
    data['customer_id'] = customerId;
    data['init_id'] = initId;
    return data;
  }
}