Flutter即时通讯插件chat360_flutter_sdk的使用

Flutter即时通讯插件chat360_flutter_sdk的使用

本指南将详细介绍如何在Flutter项目中使用chat360_flutter_sdk插件。通过这个插件，您可以轻松地为您的应用添加即时通讯功能。

安装

首先，在您的pubspec.yaml文件中添加插件依赖：

dependencies:
  chat360_flutter_sdk: ^0.0.1

然后运行flutter pub get来获取插件。

使用示例

以下是一个完整的示例，展示了如何在Flutter应用中使用chat360_flutter_sdk插件。

示例代码

import 'package:chat360_flutter_sdk/chat360_flutter_sdk_method_channel.dart';
import 'package:flutter/material.dart';
import 'dart:async';

import 'package:flutter/services.dart';
import 'package:chat360_flutter_sdk/chat360_flutter_sdk.dart';

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

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

  [@override](/user/override)
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  String _platformVersion = '未知';
  final _chat360FlutterSdkPlugin = Chat360FlutterSdk();
  final chat360 = Chat360();
  String botId = "9af90d6f-43c2-4f94-a021-66c2f1611e67";

  [@override](/user/override)
  void initState() {
    super.initState();
    initPlatformState();
  }

  // 平台消息是异步的，所以我们初始化在一个异步方法中。
  Future<void> initPlatformState() async {
    String platformVersion;
    // 平台消息可能失败，所以我们使用try/catch处理PlatformException。
    // 我们还处理消息可能返回null的情况。
    try {
      platformVersion = await chat360.getPlatformVersion() ?? '未知平台版本';
    } on PlatformException {
      platformVersion = '获取平台版本失败。';
    }

    // 如果小部件在异步平台消息还在飞行时从树中移除，我们希望丢弃回复而不是调用setState来更新我们的不存在的外观。
    if (!mounted) return;

    setState(() {
      _platformVersion = platformVersion;
    });
    chat360.setBotId(botId);
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        backgroundColor: Colors.white,
        appBar: AppBar(
          backgroundColor: Colors.deepPurple.shade500,
          title: Padding(
            padding: const EdgeInsets.only(top: 40, bottom: 40, left: 20),
            child: const Text('Chat360DemoApp', style: TextStyle(fontSize: 26, fontWeight: FontWeight.w900)),
          ),
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.spaceAround,
            children: [
              Row(mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  Padding(
                    padding: const EdgeInsets.only(left: 20, right: 20),
                    child: Image.asset('assets/Chat360Logo1.png', width: 300,),
                  )
                ],
              ),
              // Text('Running on: $_platformVersion\n'),
              ElevatedButton(
                  style: ElevatedButton.styleFrom(
                    primary: Colors.deepPurple.shade500,
                    shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10),),
                    fixedSize: Size(350, 80)
                  ),
                  onPressed: () {
                    Map<String, String>? meta = {"user_type": "is_guest", "mobile_no": "9876367957", "referral_code": "abcd123"};
                    chat360.startChatbot(botId!, meta);
                  },
                  child: Padding(
                    padding: const EdgeInsets.all(16.0),
                    child: const Text("开始聊天", style: TextStyle(fontSize: 30)),
                  ))
            ],
          ),
        ),
      ),
    );
  }
}

代码解释

1. 导入必要的包：

   import 'package:chat360_flutter_sdk/chat360_flutter_sdk_method_channel.dart';
   import 'package:flutter/material.dart';
   import 'dart:async';
   import 'package:flutter/services.dart';
   import 'package:chat360_flutter_sdk/chat360_flutter_sdk.dart';
   

2. 初始化主应用：

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

3. 定义主应用状态类：

   class MyApp extends StatefulWidget {
     const MyApp({super.key});
   
     [@override](/user/override)
     State<MyApp> createState() => _MyAppState();
   }
   

4. 初始化状态：

   class _MyAppState extends State<MyApp> {
     String _platformVersion = '未知';
     final _chat360FlutterSdkPlugin = Chat360FlutterSdk();
     final chat360 = Chat360();
     String botId = "9af90d6f-43c2-4f94-a021-66c2f1611e67";
   
     [@override](/user/override)
     void initState() {
       super.initState();
       initPlatformState();
     }
   

5. 异步初始化平台状态：

   Future<void> initPlatformState() async {
     String platformVersion;
     try {
       platformVersion = await chat360.getPlatformVersion() ?? '未知平台版本';
     } on PlatformException {
       platformVersion = '获取平台版本失败。';
     }
     if (!mounted) return;
     setState(() {
       _platformVersion = platformVersion;
     });
     chat360.setBotId(botId);
   }
   

6. 构建应用界面：

   [@override](/user/override)
   Widget build(BuildContext context) {
     return MaterialApp(
       home: Scaffold(
         backgroundColor: Colors.white,
         appBar: AppBar(
           backgroundColor: Colors.deepPurple.shade500,
           title: Padding(
             padding: const EdgeInsets.only(top: 40, bottom: 40, left: 20),
             child: const Text('Chat360DemoApp', style: TextStyle(fontSize: 26, fontWeight: FontWeight.w900)),
           ),
         ),
         body: Center(
           child: Column(
             mainAxisAlignment: MainAxisAlignment.spaceAround,
             children: [
               Row(mainAxisAlignment: MainAxisAlignment.center,
                 children: [
                   Padding(
                     padding: const EdgeInsets.only(left: 20, right: 20),
                     child: Image.asset('assets/Chat360Logo1.png', width: 300,),
                   )
                 ],
               ),
               ElevatedButton(
                   style: ElevatedButton.styleFrom(
                     primary: Colors.deepPurple.shade500,
                     shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10),),
                     fixedSize: Size(350, 80)
                   ),
                   onPressed: () {
                     Map<String, String>? meta = {"user_type": "is_guest", "mobile_no": "9876367957", "referral_code": "abcd123"};
                     chat360.startChatbot(botId!, meta);
                   },
                   child: Padding(
                     padding: const EdgeInsets.all(16.0),
                     child: const Text("开始聊天", style: TextStyle(fontSize: 30)),
                   ))
             ],
           ),
         ),
       ),
     );
   }