Flutter GPT 集成插件 vit_gpt_flutter_api 的使用

本文档介绍如何使用 vit_gpt_flutter_api 插件来与 OpenAI API 进行交互。该插件提供了一些方法和类，帮助开发者更方便地访问和使用 OpenAI API。

当前语音模式非常实验性且存在许多问题

目前，语音模式的功能非常实验性，也存在很多bug。因此，在实际项目中建议谨慎使用。

示例代码

以下是一个简单的示例，展示了如何使用 vit_gpt_flutter_api 插件来调用 OpenAI API 并获取响应。

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

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('GPT API 调用示例'),
        ),
        body: Center(
          child: GptApiExample(),
        ),
      ),
    );
  }
}

class GptApiExample extends StatefulWidget {
  @override
  _GptApiExampleState createState() => _GptApiExampleState();
}

class _GptApiExampleState extends State<GptApiExample> {
  String response = '等待响应...';
  final TextEditingController _controller = TextEditingController();

  // 初始化 GPT API 客户端
  final GptApiClient _gptApiClient = GptApiClient(apiKey: 'YOUR_API_KEY_HERE');

  // 发送请求并获取响应的方法
  Future<void> _sendRequest(String prompt) async {
    try {
      final result = await _gptApiClient.sendRequest(prompt);
      setState(() {
        response = result;
      });
    } catch (e) {
      setState(() {
        response = '请求失败: $e';
      });
    }
  }

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.all(16.0),
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          TextField(
            controller: _controller,
            decoration: InputDecoration(hintText: '请输入您的问题'),
          ),
          SizedBox(height: 20),
          ElevatedButton(
            onPressed: () {
              _sendRequest(_controller.text);
            },
            child: Text('发送请求'),
          ),
          SizedBox(height: 20),
          Text(response),
        ],
      ),
    );
  }
}

代码解释

1. 导入必要的包：

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

2. 初始化应用：

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

3. 创建主应用组件：

   class MyApp extends StatelessWidget {
     @override
     Widget build(BuildContext context) {
       return MaterialApp(
         home: Scaffold(
           appBar: AppBar(
             title: Text('GPT API 调用示例'),
           ),
           body: Center(
             child: GptApiExample(),
           ),
         ),
       );
     }
   }
   

4. 定义示例页面：

   class GptApiExample extends StatefulWidget {
     @override
     _GptApiExampleState createState() => _GptApiExampleState();
   }
   

5. 实现状态管理：

   class _GptApiExampleState extends State<GptApiExample> {
     String response = '等待响应...';
     final TextEditingController _controller = TextEditingController();
   
     // 初始化 GPT API 客户端
     final GptApiClient _gptApiClient = GptApiClient(apiKey: 'YOUR_API_KEY_HERE');
   
     // 发送请求并获取响应的方法
     Future<void> _sendRequest(String prompt) async {
       try {
         final result = await _gptApiClient.sendRequest(prompt);
         setState(() {
           response = result;
         });
       } catch (e) {
         setState(() {
           response = '请求失败: $e';
         });
       }
     }
   
     @override
     Widget build(BuildContext context) {
       return Padding(
         padding: const EdgeInsets.all(16.0),
         child: Column(
           mainAxisAlignment: MainAxisAlignment.center,
           children: [
             TextField(
               controller: _controller,
               decoration: InputDecoration(hintText: '请输入您的问题'),
             ),
             SizedBox(height: 20),
             ElevatedButton(
               onPressed: () {
                 _sendRequest(_controller.text);
               },
               child: Text('发送请求'),
             ),
             SizedBox(height: 20),
             Text(response),
           ],
         ),
       );
     }
   }