将OpenAI接入你的APP中

4,737 阅读5分钟

在uni-im中集成OpenAI

本文将介绍如何在uni-im中集成OpenAI API,以便为您的聊天应用程序提供更加智能和高效的聊天服务。通过集成OpenAI API,您可以利用各种自然语言处理和机器学习技术,如文本生成、语言翻译、图像分类等,来增强您的应用程序的功能和性能。

OK,Talk is cheap. Show me the code.

步骤一:注册OpenAI账号并获取API密钥

首先,您需要有OpenAI网站账号,并获取API密钥。网上有很多相关教程

访问 Account API Keys - OpenAI API ,点击这里的 Create new secret key,创建一个新的 key,并保存备用。

步骤二:创建uni-im应用程序

接下来,您需要在HBuilder X中创建一个uni-im项目,插件地址:ext.dcloud.net.cn/plugin?name…,并在开发者中心中启用UniPush2.0服务。

在此示例中我们直接使用uni-im的示例项目来进行

1、在插件市场中点击【使用 HBuilderX 导入示例项目】

2、在HBuilder X中创建项目

3、绑定uniCloud服务空间

4、部署云端资源

5、开始部署

等待自动部署,如果是新服务空间一路同意。缺表就创建。如果是和其他项目共用一个服务空间。请谨慎操作

6、在开发者后台开启UniPush

7、跑起来

没有报错就成功了。[GtPush] ["already connected"]

步骤三:在UniCloud中集成OpenAI API

1、新建云函数

2、修改云函数Nodejs版本

因为let's encrypt根证书过期,nodejs8版本请求使用了let's encrypt证书的网站时会出现

certificate has expired所以需要将云函数升级到****nodejs12。相关文档: 云函数通过https访问其他服务器时出现“certificate has expired”

3、调用OpenAI API

OpenAI接口文档地址:platform.openai.com/docs/api-re…

uniCloud访问其他HTTP服务文档:uniapp.dcloud.net.cn/uniCloud/cf…

'use strict';
// 云函数有报错,目前无法使用OpenAI SDK
// 改用接口请求方式
// const {
//	Configuration,
//	OpenAIApi
// } = require("openai");

exports.main = async (event, context) => {
	//event为客户端上传的参数
	console.log('event : ', event)
	// const configuration = new Configuration({
	// 	apiKey: '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',
	// });
	// const openai = new OpenAIApi(configuration);
	// const {
	// 	data: {
	// 		choices
	// 	},
	// 	status,
	// 	statusText
	// } = await openai.createCompletion({
	// 	model: "text-davinci-003",
	// 	prompt: `input:${event.body}?
	//   output:`,
	// 	max_tokens: 300,
	// 	temperature: 1,
	// 	stop: ['output:']
	// });
	const {
		data: {
			choices
		},
		status,
		statusText
	} = await uniCloud.httpclient.request('https://api.openai.com/v1/completions', {
		method: 'POST',
		data: {
			// GPT-3 模型。详细介绍请参考:https://platform.openai.com/docs/models/overview
			model: "text-davinci-003",
			prompt: `input:${event.body}?
	  output:`,
			max_tokens: 300,
			temperature: .6,
			stop: ['output:']
		},
		headers: {
			Authorization: `Bearer ${YOUR_API_KEY}`
		},
		timeout: 10000,
		contentType: 'json', // 指定以application/json发送data内的数据
		dataType: 'json' // 指定返回值为json格式,自动进行parse
	})
	//返回数据给客户端
	return {
		data: choices,
		errCode: status,
		errMsg: statusText
	}
};

4、测试一下

a、首先在云函数右击,配置运行测试参数

b、本地运行云函数

c、Bingo~

OpenAI的对接就这么简单。接下来我们来改造一下Uni-im

步骤四:在Uni-IM中集成Chat-GPT机器人。

1、创建Chat-GPT机器人账号

Chrome devtools-Applocation中找到“机器人”的uid63eb5550819ce84ffc2df8c5

当然,更推荐你去uniCloud 控制台-云数据库 中查看uni-id-users表中的_id字段

2、在公共模块中添加uid

3、调用ChatGPT接口回复用户信息

这一步我们将改造uni-im-co云对象,在用户发送消息的方法中请求OpenAI接口,并将接口返回的消息回复给用户。uni-im-co云对象的sendMsg是用户发送消息,并存储到数据库的方法。

我们在uni-im-co云对象中ctrl+G/control+G定位代码到435

a、第一步

// 请求公共模块中的ChatGPT _uid常量
const isChatGPT = uniImConfig.config('ChatGPT_uid')
if(isChatGPT === to_uid){
	try{
		// 请求chatGPT云函数
		const {result: { data: openAIResp }} = await uniCloud.callFunction({
			name:'ChatGPT',
			data:{
				body
			}
		})
		// 拼接消息
		const allChatData = openAIResp.reduce((prev, {text})=> prev + text, '')
		// 因为这一步要模拟ChatGPT给用户发消息,所以调换一下发送人和接受人的uid。
		const tempParams = { ...params,
		...{
			from_uid: to_uid,
			to_uid: from_uid,
			body: allChatData,
			client_create_time: +new Date,
			original_from_uid: to_uid // 这个字段用来递归调用时区分当前发送者uid
		}};
		// 递归调用云对象中的sendMsg方法
		uniCloud.importObject('uni-im-co').sendMsg(tempParams, context);
	} catch (error){
		console.log('error boredape:>>>>>>>>>>>> ', error);
	}
}

b、兼容发送者uid

刚才我们在递归调用sendMsg方法时,传递了一个original_from_uid字段。这个字段是用来区分当前发送者uid的。我们在sendMsg方法参数中兼容处理一下它(我们在uni-im-co云对象中ctrl+G/control+G定位代码到248行找到sendMsg方法)

		const {
			to_uid,
			group_id,
			body,
			type,
			isRetries,
			appId,
			original_from_uid // 新增
		} = params
		//发送者身份id
		const from_uid = this.uid || original_from_uid; // 修改
		

4、大功告成!让我们来跟ChatGPT进行第一次正式约会。

a、创建一个自己的账号

b、手动跳转到chat页面

目前我们还不能直接和机器人对话。那就让我们主动一点在浏览器中输入房间号:(此处的user_id就是ChatGPTuid)

http://localhost:8081/#/uni_modules/uni-im/pages/chat/chat?user_id=63eb5550819ce84ffc2df8c5

emmmmm~报错了。

看来是uniPush不支持本地调试的问题,我们部署一下

如果有模块冲突请确认是否替换

OK。我们部署完之后切换使用云端云函数

完成后重新运行一下项目。

EMMMMMMMMM~这又是什么错呢?

我们查一下云函数的运行日志

发现这个是因为OpenAI超时导致的。云函数/云对象默认的超时时间时5S,这对于OpenAI来说很难在这么短时间内回复。那我们修改一下ChatGPTuni-im-co这两个云函数和云对象的超时时间

最大只支持10S

再来试一把

The END!

以上就是所有我们使用UniIM集成OpenAI的全部步骤。使用UniCloud快速对接OpenAI,封装属于自己的ChatGPT

稍后我会上传Demo工程源码,不过强烈推荐您自己动手哦。能让您更加了解UniCloud和UniIM。真的是超棒的框架!

如果您觉得我的文章不错。请在左下方点赞👍。并关注我哦,如果有新文章会第一时间给您推送。

如果您还想让我帮您体验使用Uni-app/UniCloud集成第三方SDK,请在下方评论区留言哦。