Flutter聊天机器人插件another_chatgpt的使用

Flutter聊天机器人插件another_chatgpt的使用

another_chatgpt 是一个用于实现OpenAI API的Flutter插件。通过它，你可以轻松地在你的Flutter应用中集成聊天机器人功能。

使用方法

该插件的主要入口点是 GptClient 类，所有已实现的API都通过它暴露出来。

// 初始化GptClient
GptClient client = GptClient(organizationId: AppKeys.orgId, apiKey: AppKeys.apiKey);

// 创建聊天请求对象
GptChatCompletionRequest chatCompletionRequest = GptChatCompletionRequest(model: "gpt-3.5-turbo-16k", messages: messages);

// 发起聊天请求并获取响应
GptCompletion completionResponse = await client.createChatCompletion(request: chatCompletionRequest);

助手对话管理

AssistantConversation 类提供了与单个AI助手进行对话的帮助工具。

// 初始化助手对话对象
AssistantConversation conversation = AssistantConversation(client: client, assistantId: "");

// 监听状态更新
conversation.getProgress().listen((progress) {
    print("Status: ${progress.status}");
    // 当任务完成、取消或过期时，打印消息
    if(progress.status == GptRunStatus.completed || progress.status == GptRunStatus.cancelled || progress.status == GptRunStatus.expired) {
        print(progress.messages);
    }
});

// 向助手发送消息
conversation.postMessage(content: "What does the lifelink ability do?");

完整示例Demo

以下是一个完整的示例，展示了如何使用 another_chatgpt 插件来创建一个简单的聊天机器人界面。

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

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: ChatScreen(),
    );
  }
}

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

class _ChatScreenState extends State<ChatScreen> {
  final List<Map<String, dynamic>> _messages = [];
  late AssistantConversation _conversation;
  late GptClient _client;

  [@override](/user/override)
  void initState() {
    super.initState();
    
    // 初始化GptClient
    _client = GptClient(organizationId: AppKeys.orgId, apiKey: AppKeys.apiKey);
    
    // 初始化助手对话对象
    _conversation = AssistantConversation(client: _client, assistantId: "");
    
    // 监听状态更新
    _conversation.getProgress().listen((progress) {
      setState(() {
        _messages.add({
          'isUser': false,
          'text': progress.messages.toString()
        });
      });
    });
  }

  void _sendMessage(String content) async {
    // 添加用户消息到消息列表
    setState(() {
      _messages.add({'isUser': true, 'text': content});
    });

    // 向助手发送消息
    await _conversation.postMessage(content: content);

    // 清空输入框
    // 这里假设你有一个TextEditingController来管理输入框的内容
    // textEditingController.clear();
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Chat with AI'),
      ),
      body: Column(
        children: [
          Expanded(
            child: ListView.builder(
              itemCount: _messages.length,
              itemBuilder: (context, index) {
                final message = _messages[index];
                return ListTile(
                  title: Text(message['text']),
                  trailing: message['isUser'] ? Icon(Icons.person) : null,
                );
              },
            ),
          ),
          Padding(
            padding: const EdgeInsets.all(8.0),
            child: Row(
              children: [
                Expanded(
                  child: TextField(
                    decoration: InputDecoration(hintText: 'Type a message...'),
                    onSubmitted: (value) => _sendMessage(value),
                  ),
                ),
                IconButton(
                  icon: Icon(Icons.send),
                  onPressed: () {
                    // 假设TextField有一个controller
                    // String userInput = textEditingController.text;
                    // _sendMessage(userInput);
                  },
                ),
              ],
            ),
          ),
        ],
      ),
    );
  }
}