Flutter 中使用 OpenAI GPT-3 进行语义化处理
视频
前言
最近 openai 的 ChatGPT 火了,然后我也想着用它来做点什么,于是就写了个 调用 openai api 语言执行工具,跑个测试,以后再有功能也可以在这个程序上面试验。
copilot 也是用的 openai codex
https://github.com/features/copilot/
我估计会在语义识别、关键字处理、AI 会话方面看看能用到生产么。
OpenAI
https://zh.m.wikipedia.org/zh-hans/OpenAI
正文
1. 切换你的代理 IP
建议切换 韩国、日本、新加坡 毕竟节点近点。
2. 注册 openai 账号
https://beta.openai.com/overview
- 如果提示你当前国家不能注册,你把 cookie , 本地存储都删掉,然后切换 IP,再试试。
3. 租用手机号验证码
https://onlinesim.ru/v2/en/numbers
4. 准备 api key
5. 编写 Flutter 代码
- 添加 dio 包
> flutter pub add dio
- 常量 lib/utils/constants.dart
const openaiBaseUrl = "https://api.openai.com/v1";
const openaiApiKey = "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";
key 换成你自己的
- http 请求 lib/utils/wp_http.dart
import 'package:dio/dio.dart';
import 'constants.dart';
class DioHttpUtil {
static final DioHttpUtil _instance = DioHttpUtil._internal();
factory DioHttpUtil() => _instance;
DioHttpUtil._internal();
late Dio _dio;
/// 初始化dio
Dio init() {
_dio = Dio();
_dio.options = BaseOptions(
baseUrl: openaiBaseUrl,
connectTimeout: 10000, // 10秒
receiveTimeout: 5000, // 5秒
headers: {
"Authorization": 'Bearer $openaiApiKey',
},
contentType: 'application/json; charset=utf-8',
responseType: ResponseType.json,
);
return _dio;
}
/// post请求
Future<Response> post(String url,
{required Map<String, dynamic> data}) async {
Response response = await _dio.post(url, data: data);
return response;
}
}
- 初始 main.dart
void main() {
DioHttpUtil().init();
runApp(const MyApp());
}
- 主界面 lib/pages/index.dart
import 'package:flutter/material.dart';
import '../utils/wp_http.dart';
class GenIndexPage extends StatefulWidget {
const GenIndexPage({super.key});
@override
State<GenIndexPage> createState() => _GenIndexPageState();
}
class _GenIndexPageState extends State<GenIndexPage> {
String choices = "";
TextEditingController promptController =
TextEditingController(text: "用 dart 语言写个 dio 的单例程序");
TextEditingController choicesController = TextEditingController();
// 语义处理
Widget buildTextGen() {
return Column(
children: [
// 文字输入框
LimitedBox(
maxHeight: 200,
child: TextField(
controller: promptController,
maxLines: null,
decoration: const InputDecoration(
hintText: '请输入文字',
),
),
),
// 按钮
ElevatedButton(
onPressed: () async {
var res = await DioHttpUtil().post("/completions", data: {
"model": "text-davinci-003",
"prompt": promptController.text,
"temperature": 1,
"max_tokens": 1024,
});
if (res.data["choices"] != null) {
choicesController.text = res.data["choices"][0]["text"];
}
},
child: const Text("语义处理"),
),
// 显示 json 数据
Expanded(
child: TextField(
controller: choicesController,
maxLines: null,
decoration: const InputDecoration(
hintText: '显示数据',
),
),
),
],
);
}
Widget buildView() {
return Padding(
padding: const EdgeInsets.all(8.0),
child: Center(
child: buildTextGen(),
),
);
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text("OpenAI 生成工具"),
),
body: buildView(),
);
}
}
- 执行
我们用 web 方式就行了。
代码
https://github.com/ducafecat/flutter_openai_gpt_3_generation_ducafecat
end.