Flutter客户服务插件iadvize_flutter_sdk的使用

发布于 1周前 作者 songsunli 来自 Flutter

Flutter客户服务插件iadvize_flutter_sdk的使用

在本文中,我们将详细介绍如何在Flutter应用中集成iAdvize Flutter SDK插件。通过嵌入iAdvize Messenger SDK,您可以为用户提供独特的对话体验,让他们能够直接在设备上与您的专业代理或ibbü专家进行聊天。

iAdvize Messenger SDK简介

iAdvize

嵌入iAdvize Messenger SDK后,访客可以通过完全自定义的聊天体验向您提问,并直接在他们的设备上获得回复。

兼容性

iAdvize Flutter SDK插件依赖于iAdvize原生iOS和Android SDK。以下是插件与各平台的兼容性信息:

插件版本 Android SDK版本 Android版本 Kotlin版本 iOS SDK版本 iOS版本 Xcode版本 Swift版本
2.15.4 2.14.4 24 -> 35 2.0.0 2.16.6 13.4 16.2.X 5
2.15.3 2.14.4 24 -> 35 2.0.0 2.16.4 13.4 16.1.X 5
2.15.2 2.14.3 24 -> 35 2.0.0 2.16.2 13.4 16.1.X 5
2.15.1 2.14.1 21 -> 34 1.9.20 2.16.0 13.0 15.4.X 5
2.15.0 2.14.0 21 -> 34 1.9.20 2.16.0 13.0 15.4.X 5
2.14.3 2.13.1 21 -> 34 1.9.20 2.15.3 13.0 15.2.X 5
2.14.2 2.13.0 21 -> 34 1.9.20 2.15.2 13.0 15.2.X 5
2.14.0 2.13.0 21 -> 34 1.9.20 2.15.0 13.0 15.2.X 5
2.13.10 2.12.9 21 -> 34 1.9.20 2.14.6 13.0 15.2.X 5
2.13.9 2.12.9 21 -> 34 1.9.20 2.14.5 13.0 15.2.X 5
2.13.8 2.12.8 21 -> 34 1.9.20 2.14.5 13.0 15.2.X 5
2.13.7 2.12.7 21 -> 34 1.9.20 2.14.4 13.0 15.2.X 5
2.13.6 2.12.6 21 -> 34 1.9.20 2.14.4 13.0 15.2.X 5
2.13.5 2.12.5 21 -> 34 1.9.20 2.14.4 13.0 15.2.X 5
2.13.4 2.12.4 21 -> 34 1.9.20 2.14.3 13.0 15.2.X 5
2.13.2 2.12.3 21 -> 34 1.9.20 2.14.2 13.0 15.2.X 5
2.13.1 2.12.2 21 -> 34 1.9.20 2.14.1 13.0 15.2.X 5
2.13.0 2.12.1 21 -> 33 1.8.21 2.14.0 13.0 15.2.X 5
2.12.0 2.11.0 21 -> 33 1.8.21 2.13.0 13.0 14.2.X 5

集成步骤

步骤一:添加依赖项

首先,在pubspec.yaml文件中添加iAdvize Flutter SDK插件依赖项:

dependencies:
  flutter:
    sdk: flutter
  iadvize_flutter_sdk: ^2.15.4

步骤二:初始化SDK

在应用启动时初始化iAdvize SDK。通常在main.dart文件中的main()函数内执行初始化操作:

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

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

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

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

class _MyHomePageState extends State<MyHomePage> {
  [@override](/user/override)
  void initState() {
    super.initState();
    // 初始化iAdvize SDK
    IAdvizeFlutterSdk.init(
      apiKey: "your_api_key",
      environment: Environment.production, // 或者Environment.sandbox
    );
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("iAdvize Flutter SDK Example"),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: () {
            // 打开聊天窗口
            IAdvizeFlutterSdk.openChat();
          },
          child: Text("Open Chat"),
        ),
      ),
    );
  }
}

更多关于Flutter客户服务插件iadvize_flutter_sdk的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter客户服务插件iadvize_flutter_sdk的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


当然,以下是一个关于如何在Flutter项目中集成和使用iadvize_flutter_sdk客户服务插件的示例代码。这个插件允许你将iAdvize聊天功能集成到你的Flutter应用中。

1. 添加依赖

首先,你需要在你的pubspec.yaml文件中添加iadvize_flutter_sdk的依赖。

dependencies:
  flutter:
    sdk: flutter
  iadvize_flutter_sdk: ^最新版本号  # 请替换为最新的版本号

然后运行flutter pub get来安装依赖。

2. 配置iAdvize凭证

在你的Flutter项目的入口文件(通常是main.dart)中,你需要配置iAdvize的凭证。这些凭证通常包括你的站点ID和API密钥。

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

void main() {
  // 配置iAdvize凭证
  IAdvizeFlutterSdk.instance.configure(
    siteId: '你的站点ID',  // 替换为你的站点ID
    apiKey: '你的API密钥', // 替换为你的API密钥
  );

  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter iAdvize Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

3. 集成聊天按钮

接下来,你可以在你的应用中添加一个按钮来启动iAdvize聊天。

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

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter iAdvize Demo'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: () {
            // 启动iAdvize聊天
            IAdvizeFlutterSdk.instance.startChat();
          },
          child: Text('启动聊天'),
        ),
      ),
    );
  }
}

4. 监听聊天事件(可选)

你可以监听聊天事件,以便在用户开始聊天、结束聊天或发生其他事件时执行特定的操作。

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

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    IAdvizeFlutterSdk.instance.addChatEventListener((event) {
      if (event is ChatStartedEvent) {
        print('聊天开始');
      } else if (event is ChatEndedEvent) {
        print('聊天结束');
      }
      // 你可以监听其他事件并进行相应处理
    });

    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter iAdvize Demo'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: () {
            IAdvizeFlutterSdk.instance.startChat();
          },
          child: Text('启动聊天'),
        ),
      ),
    );
  }
}

注意事项

  1. 权限:确保你的应用具有必要的权限,例如网络权限。
  2. 版本兼容性:检查iadvize_flutter_sdk的最新版本和Flutter SDK的版本兼容性。
  3. 错误处理:在实际应用中,添加适当的错误处理逻辑,以处理配置错误、网络问题等。

通过上述步骤,你应该能够在你的Flutter应用中成功集成iAdvize聊天功能。如果有更多特定需求或遇到问题,请查阅iAdvize的官方文档。

回到顶部