Flutter ChatGPT API集成插件chat_gpt_api的使用

当然，以下是如何在Flutter项目中集成并使用chat_gpt_api插件的示例代码。这个插件允许你通过ChatGPT API进行文本生成和对话。

步骤 1: 添加依赖

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

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

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

步骤 2: 配置API密钥

为了使用ChatGPT API，你需要一个OpenAI的API密钥。你可以在OpenAI的网站上获取它，并确保它是安全的，不要将其硬编码到你的应用程序中。你可以使用环境变量或安全存储来管理它。

步骤 3: 创建ChatGPT服务类

为了方便管理ChatGPT的API调用，我们可以创建一个服务类。

import 'package:chat_gpt_api/chat_gpt_api.dart';
import 'package:dart_config/dart_config.dart'; // 用于管理环境变量，需要额外安装这个包

class ChatGptService {
  late ChatGptApiClient chatGptApiClient;

  ChatGptService() {
    // 从环境变量中获取API密钥
    String apiKey = Config().getString('OPENAI_API_KEY');
    chatGptApiClient = ChatGptApiClient(apiKey: apiKey);
  }

  Future<String> getMessage(String prompt) async {
    try {
      var response = await chatGptApiClient.sendMessage(
        model: 'gpt-3.5-turbo',  // 或使用其他可用的模型
        prompt: prompt,
        maxTokens: 150,
        n: 1,
        stop: null,
        temperature: 0.7,
        logprobs: null,
        echo: true,
      );
      return response.choices[0].text;
    } catch (e) {
      print('Error: $e');
      return 'Error fetching response from ChatGPT';
    }
  }
}

步骤 4: 使用ChatGptService

在你的Flutter应用中，你可以使用这个服务类来与ChatGPT进行交互。例如，在一个简单的聊天界面中：

import 'package:flutter/material.dart';
import 'chat_gpt_service.dart';  // 导入你刚刚创建的ChatGptService类

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

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

class ChatScreen extends StatefulWidget {
  @override
  _ChatScreenState createState() => _ChatScreenState();
}

class _ChatScreenState extends State<ChatScreen> {
  final ChatGptService chatGptService = ChatGptService();
  final TextEditingController _controller = TextEditingController();
  List<String> messages = [];

  void _sendMessage() async {
    String userMessage = _controller.text;
    messages.add(userMessage);
    setState(() {});

    String chatGptMessage = await chatGptService.getMessage(userMessage);
    messages.add(chatGptMessage);
    setState(() {});

    _controller.clear();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Chat with ChatGPT'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(8.0),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: <Widget>[
            Expanded(
              child: ListView.builder(
                itemCount: messages.length,
                itemBuilder: (context, index) {
                  bool isUserMessage = index % 2 == 0;
                  return Padding(
                    padding: const EdgeInsets.symmetric(vertical: 4.0),
                    child: Container(
                      padding: EdgeInsets.symmetric(horizontal: 16.0, vertical: 8.0),
                      decoration: BoxDecoration(
                        color: isUserMessage ? Colors.grey[200] : Colors.blueGrey[100],
                        borderRadius: BorderRadius.circular(12.0),
                      ),
                      child: Text(
                        messages[index],
                        style: TextStyle(color: isUserMessage ? Colors.black : Colors.white),
                      ),
                    ),
                  );
                },
              ),
            ),
            TextField(
              controller: _controller,
              decoration: InputDecoration(
                border: OutlineInputBorder(),
                labelText: 'Type a message...',
              ),
            ),
            SizedBox(height: 16.0),
            ElevatedButton(
              onPressed: _sendMessage,
              child: Text('Send'),
            ),
          ],
        ),
      ),
    );
  }
}

注意事项

1. 安全性：确保不要将API密钥硬编码到你的应用程序中。使用环境变量或安全存储来管理它。
2. 错误处理：在实际应用中，添加更多的错误处理和用户反馈，以提高用户体验。
3. API配额：ChatGPT API有配额限制，确保你了解并管理你的使用量。

通过上述步骤，你应该能够在Flutter应用中成功集成并使用ChatGPT API。